Mark Holden schrieb:
I'm having two display headaches in IE6
http://www.us-risk.com/new/ems.html
First, in the section navigation menu under "services" at left, it's putting
a gap between the main navigation link (services) and the sub-navigation
links. It can't be because of the white space bug, because I've eliminated
all the white space in the nav code.
Mark, the IE list whitespace bug is not fully understand (well, some
pages say they provide ultimative fixes).
In short, you have something like (strict standards mode):
* { margin: 0; padding:0;}
#nav {width: 150px; }
#nav li { display: block; list-style-type: none; width: 150px; }
#nav li a { display: block; background: yellow; }
#subnav { display: inline; background: red;} /* 2, 3 */
#subnav ul li a { display: block; background: teal; }
#subnav ul {background: maroon;} /* 1 */
Even if you delete all whitespaces, it can show its rat's tail.
<div id="nav">
<ul><li><a href="#">Services</a><div id="subnav"><ul><li><a
href="#">Corporate</a></li></ul></div></li></ul>
</div>
Remember the whitespace bug can be solved /with/ a
blank after the link:
<li><a>...</a> </li>
In analogy, your gap can be closed by a blank between the blocklevel
link and the following inline-div:
<a href="#">Services</a> <div id="subnav">
Other options are:
to zero the line-height of the inline #subnav (/* 2 */)
line-height:0;
or by setting haslayout=true in (/* 3 */) [1]
{zoom:1;}
or by setting haslayout=true in (/* 1 */)
{_height:1px;}
I didn't manage to rebuild the nav exactly on a local copy of your file,
so you'll have to experiment on your file if one of my suggestions works
at all.
If not, please provide a simplified test page which reproduces the
problem without js and jingles.
hth, Ingo
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
