Mam problem z górnym menu rozciągniętym na całą stronę. W “normalnych” przeglądarkach i IE >= 8 działa bez problemu, ale w IE5/6/7 ostatnia kolumna przechodzi na dół, tzn. zamiast być po prawej znajduje się po lewej pod pierwszą kolumną…
Tak wygląda cały CSS odpowiedzialny za menu:
.cssmenu{
position:fixed;
padding:0px;
top:0;
left:0;
right:0;
z-index:100;
/* IE fix */
*position:absolute;
*width: 999px;
*left: 50%;
*margin-left: -500px;
*top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.cssmenu ul{
border:1px solid #000;
border-top:0;
background:#F5DEB3;
height:25px;
list-style:none;
margin:0;
padding:0;
}
.cssmenu li:hover{
font-weight:bold;
}
.cssmenu li.menu{
font-size:108.3%;
}
.cssmenu li {
width:25%;
float:left;
font-size:91.7%;
}
.cssmenu li a{
color:black;
display:block;
line-height:25px;
margin:0px;
padding:0px 25px;
text-align:center;
}
.cssmenu li a:hover{
text-decoration:none;
background:#FFEFD5;
}
.cssmenu li ul{
display:none;
position:absolute;
}
.cssmenu li:hover ul{
display:block;
height:auto;
min-width:25%;
}
.cssmenu li li{
font-weight:normal;
display:block;
float:none;
width:auto;
/* IE5 fix*/ _margin-left:-16px; _margin-bottom:-2px;
/* IE567 fix */ *width:249px;
/* IE6 fix */ *mar\gin:0px;
}
.cssmenu li ul a{
height:25px;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
Problematyczny fragment::
.cssmenu{
position:fixed;
padding:0px;
top:0;
left:0;
right:0;
z-index:100;
/* IE fix */
*position:absolute;
*width: 999px;
*left: 50%;
*margin-left: -500px;
*top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
Dla IE5/6/7 dodałem na sztywno ustawiony width w hacku CSS, bo tylko w ten sposób menu się nie “rozjeżdża”. Ma ktoś może jakiś pomysł, by w starszych IE menu wyświetlane było tak, jak trzeba, tzn. rozciągnięte na całą szerokość strony?
Z góry dzięki za pomoc.
PS Chodzi o menu na tej stronie: http://tw86.zxq.net/