Luc wrote:
> Good evening list,
>
> I'm fiddling about with a nav and stumbled upon an IE bug (what a
> surprise) which i could solve but i wanted some confirmation wether this
> is some old obscure IE bug.
>
> page with the bug (css embedded):
>
> http://www.dzinelabs.com/sandbox/list1.html
>
> page with bug solved:
>
> http://www.dzinelabs.com/sandbox/list2.html
>
> As you will see, the first page displays a mysterious gap which i
> could only get rid off by changing the html as so:
>
> </li><li> and ending with </li></ul>
>
> IOW: the <li> and </ul> tags can't be on a separate line.
>
> Also, is this the only way to prevent this bug from happening?
You can also give IE6 hasLayout [1]. This can safely be done with a
height that will never be allied.
#navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
background: #CCa;
text-decoration: none;
text-align:center;
border-left: 1em solid #CC0;
border-right: 1em solid #CC0;
height:1%; /* triggers hasLayout IE7- */
}
This fix that you have demonstrated with the markup changes I think I
have seen I think on Bruno's site. I have trouble finding things there.
1. <http://www.satzansatz.de/cssd/onhavinglayout.html>
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
Save the Internet - http://www.savetheinternet.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
