Of Navigation Lists
After finding Accessify’s terrific new tool List-o-matic, I decided it was about time I updated the primary navigation of this site to reflect my high opinion of unordered lists as navigation. In most browsers, you should not notice any change at all (unless you are viewing this site in a text-only browser, with style sheets off, or with a screen reader), however: if you are using a Mozilla-based browser (Firebird, Netscape, Mozilla, Camino, etc.) you might very well notice the same (minor) display glitch I’m getting on my test machines.
The bottom of the navbar has a 1-pixel border on most browsers, but for some reason I can’t get it to work properly with the Mozilla family. This shouldn’t be rocket surgery, but I’ve now spent 3 hours trying everything I can think of to fix the glitch, to no avail.
Part of the problem is styling the new markup to look the same as the old div-based markup, without breaking the rest of the existing layout. I just can’t understand why I can’t track this thing down (heck, it’s even working properly in IE5/OS 9!).
If anyone happens to know what I’m missing, please send your suggestions my way. Feel free to just drop a note in the comments.
UPDATE: After finding what I thought was a solution, then realizing the error of my ways (damn IE6, damn it to hell!) I have (for now) used a cop-out fix: I added a class to the first H3 in the sidebar, so I could treat it differently in all browsers. If anyone has a better solution (e.g. one that doesn’t require changing the markup) please let me know.
This item was posted byon Saturday, September 20th, 2003.
You can follow comments on this item via the RSS 2.0 feed.
Comments are closed.