Daniel Hammond wrote:
> URL: www.objectivedesigns.com/amittius/index.htm
> CSS: www.objectivedesigns.com/amittius/index.css
>
> I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They
> all display the navigation correctly except Safari. I want the nav buttons
> to touch the bottom of the nav area, but they don't quite go to the bottom
> in Safari. I also haven't tested this on a Mac, so if anyone could do that
> for me, that would be great (thanks in advance). What's more pressing,
> though, is why does Safari display it incorrectly while all the others
> display it correctly?
Hi Daniel--
Try this:
#nav {
font-family: "Trebuchet MS";
margin: 0;
padding: 0;
width: 750px;
/* height: 28px; REMOVE */
background: #886;
font-size: 13px;
font-weight: bold;
color: #fff;
text-align: center;
}
#nav a, #nav strong {
display:inline-block; /* ADD */
padding: 2px 25px 3px 25px;
border: 1px solid #eee;
border-bottom: 0;
color: #fff;
text-decoration: none;
position: relative;
}
That should work for all browsers with your current code. Safari wasn't
the only one incidentally...Firefox 3/Ubuntu was showing it the same as
Safari...with the extra spacing produced from the height setting on your
#nav element.
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
