CSS and the Usual Suspects List
Monday, March 31st, 2008
An interesting CSS problem cropped up a few weeks ago and I thought it may be worth sharing. It may sometimes seem like the world is falling down but I’ve found in the general sense that there are a line of what I’d call the usual suspects that solve most issues in short order. You know the ones – display block, position relative, yada yada…
The problem wasn’t that much of a ball buster really and its something that seems to crop up occasionally for a lot of people doing CSS layouts. The following (X)HTML shows an outer div with an id of #page, inside that is another div called #header which includes an unordered list called #menu and below the #header is another div called #content. It might be easier if you just looked at the markup directly.
<div id="page">
<div id="header">
<ul id="menu">
</ul>
</div>
<div id="content">
</div>
</div>
Visually you could imagine that the #content div was riding behind the #header div in both Firefox and Opera but things looked alright in Internet Explorer 6 (one has to be fair and say it was probably doing so because Internet Explorer 6 was wrong).
