Josue Martinez wrote:
> ...
>
>
> Still, I'd like to understand why the page/menu doesn't render correctly in
> IE/Win
>
> URL: http://www.ic.sunysb.edu/clubs/phiota/test/
> CSS: http://www.ic.sunysb.edu/clubs/phiota/test/base.css
Couple of problems here.
1)
IE7 and IE6 have a stacking problem.
<div id="nav">
<ul class="level1">
<li class="submenu">
<a href="http://subtraction.com/";>About</a>
<ul class="level2">...</ul>
</li>
</ul>
</div>
li.submenu is relatively positioned, to perform the containing block for
the absolute positioning of ul.level2
right, but IE errorneously establishes a stacking context due to the
positioin:relative, even if there is no z-index applied. Thats wrong.
Any following box that is positioned, like the left sidebar, will be
nearer to the viewer than li.submenu. No matter what z-index is applied
to its child, ul.level2, since this element cannot escape out of the
stacking context of its parent li.
Thats why the z-index for this operation is better spend on the li.submenu.
Don't use z-indexes of 80 or 1000. If you need to align two elements in
the z-axis, then z-indexes of 1 and 2 should do.
2) IE6 does not support li:hover. It does support a:hover only. You do
not have any correction for that. Therefore, the drop down does not show
up in IE6. Search for "whatever:hover" behavior, or search for "Son of
Suckerfish". And read.
3) IE6 and 7 have some different issues in not showing absolutely
positoned boxes. Your sidebar does not show up at all in IE6. There are
fixes for this problem
http://www.brunildo.org/test/IE_raf3.html
, but the best fix would be to not position this box absolutely, and to
choose a float layout instead.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
