HTML and CSS Reference
In-Depth Information
<ul><li><a href="page.html">Link</a></li><li><a href="page.html">Link</a></li>
<li><a href="page.html">Link</a></li><li><a href="page.html">Link</a></li><li>
<a href="page.html">Link</a></li><li><a href="page.html">Link</a></li></ul>
Thankfully an easier solution is available, and guess what? Yup, the Holly hack saves the
day, once again. Just drop the following rule into your IE 6 hack style sheet, and everything
returns to normal (see Figure 14-12):
ul li a {
height:1%;
}
Figure 14-12. A gray background color on the ul shows that IE is adding space under each li ,
where it doesn't belong.
Solving Problems in the Real World:
A Walkthrough
Descriptions of individual bugs are helpful (knowing how to recognize the more common
problems helps narrow down the root causes much more quickly), but nothing beats seeing
how they might arise in an actual layout. We're going to create a fairly common layout (header,
navbar, subnav, three columns, and a footer, all fluid), then test for problems, apply fixes, and
test again, repeating as needed until everything looks hunky-dory, even in IE 6 (see Figure 14-13
for the final layout).
Search WWH ::




Custom Search