Sent by Andrew Gregory on 23 September 2005 14:02
On Fri, 23 Sep 2005 16:21:37 +0800, Gunlaug Sørtun [EMAIL-REMOVED]>
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: [EMAIL-REMOVED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/