Friday, September 19, 2008

Mixing horizontal menu styles

In dealing with my horizontal menu issues and finding issues with item wrapping in Firefox when trying to use display:inline and then hitting up against the infamous z-index issue with IE (nicely explained over at mahzeh.org) when trying to use float I decided to experiment with using both. By default (since it is generally IE that is the culprit) I set things up to use float. Then I use some hacking tags to identify specific IE versions and set float:none which then makes use of the display:inline tag. This seems to work fairly nicely and avoided me having to change the structure of things too much or add a bunch of javascript to get z-index to behave.

No comments: