On Jul 8, 2008, at 12:47 PM, 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?
On OS X 10.5.4, both Safari 3.1.x and latest WebKit nighty build
display the same thing as Gecko 1.9 (Fx 3).
That said, the contents of each li is set to 'display:inline-block'.
Safari (v2) had many issues with the vertical alignment of an inline-
block (in short: br0ken), and even the latest builds have some issues.
Adding
#nav a, #nav strong {vertical-align:bottom}
should level off the differences.
Incidentally, Gecko1.8.1/Fx 2 has no support of display:inline-block;
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
