On Fri, 23 Sep 2005 16:21:37 +0800, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:

Andrew Gregory wrote:

... Safari chops off all the menus at the right edge of the left-most drop down, although they are active for their full width even if you can't see it.
 Ex. <http://www.scss.com.au/family/andrew/pdas/palm/myprogs/sudoku/>

Just a hint:
ul.menu li {
display: inline-block;
}
...works (somewhat) better in my Safari.

Only somewhat? Looks perfect from what I see. In Konqueror too. Thank you so much!

Must be added separately, as Firefox need 'display: inline;' as you have now.

That's easy, inline first, inline-block second.

It totally blew apart the IE rendering, though. I had to add:

html ul.menu li { display:inline }

into my "IE hacks" stylesheet (the html is there because the extra specifity was needed for some reason).

Still some Safari-problems that I couldn't work out

You'll have to smack me over the head with them. The only other glitches I could see was my validation icon pop-out at the bottom of the page, which wasn't in the correct position until I hovered over it, and the Opera browser button at the top right of the page was out by a pixel. Neither are worth worrying about.

I'd been told the menus were bad in Safari months ago. This fix was so simple, I wish I'd asked back then!

Thanks again.

--
Andrew Gregory, <URL: mailto:[EMAIL PROTECTED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to