CSS Menu problems Safari, Firefox on Mac, IE7 on PC

I am having trouble with differing end results of CSS menus in different browsers. Advice would be appreciated.

Safari looks OK and works as expected. This is what I design to. See http://www.guyenne-immobilier.co.uk/listman/listings/l0059.html

Firefox reduces the width of the menu so some menu items takes two lines (and overlay lower page items).

PCs with IE7 often fail to show the sub-menu (it fails to pop-up)

Thanks
Nick


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Forgot to say - all page items are on layers.
Nick


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have similar problems with CSS menus:

Is the best way to center and distribute top menus to make them
separate items? 5 menus rather than big one?
Is there a way to do a “allow width to grow” to make it distribute
items evenly rather than the justify left look?
Bjorn Olsson

On Feb 8, 2009, at 7:44 AM, NicolasAllan wrote:

I am having trouble with differing end results of CSS menus in
different browsers. Advice would be appreciated.

Safari looks OK and works as expected. This is what I design to. See http://www.guyenne-immobilier.co.uk/listman/listings/l0059.html

Firefox reduces the width of the menu so some menu items takes two
lines (and overlay lower page items).

PCs with IE7 often fail to show the sub-menu (it fails to pop-up)

Thanks
Nick


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I found this on the Internet re IE not " hovering ".
I see what is said but what is the Javascript mentioned ?

The following is from SuckerFish…
Sometimes IE is unwilling to change display states with :hover without some statement on the actual hover itself. You can see this if you copy the menu code from Sons of Suckerfish and don’t add the Javascript in the of your document-- the JS is only there for IE6, however without it, IE7 refuses to show the submenus.

See Sons of Suckerfish

The basic idea is that you construct a dropdown menu with CSS and then bolt on a small piece of JavaScript to mimic the :hover pseudo-class that certain browsers (namely Internet Explorer) don’t fully support.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options