Ich habe ein Problem mit dem Internet Explorer 7.
Im FF und Safari wird das horizontale Menü, welches auf Listenelementen basiert, korrekt angezeigt, der IE stellt border-top nicht dar und macht komische Sachen mit dem Padding
Hier der HTML-Code:
- Code: Alles auswählen
<div id="navcontainer">
<ul id="navlist">
<li ><a href="/~ecommerc/shop/inhalt.php?content=ueberblick">Überblick</a></li>
<li id="active"><a href="/~ecommerc/shop/inhalt.php?content=programm">Programm</a></li>
<li ><a href="/~ecommerc/shop/inhalt.php?content=referenten">Referenten</a></li>
<li ><a href="/~ecommerc/shop/inhalt.php?content=veranstaltungsort">Veranstaltungsort</a></li>
<li ><a href="/~ecommerc/shop/USER_BESTELLUNG_1.php?darstellen=1">Anmeldung</a></li>
</ul>
</div>
CSS-Code:
- Code: Alles auswählen
#navlist li
{
border-top: 1px solid #cccccc !important;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-collapse:collapse;
padding: 5px 8px;
line-height:21px;
margin:-3px;
z-index:10;
background-color:#ffffff;
display: inline;
list-style: none;
height:26px;
}
#navlist {
padding-left: 0px;
margin-left: 0px;
border-bottom: 1px solid #999999;
height: 23px;
}
#navlist #active a
{
color: #FF0000 !important;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
#navlist #active
{
border-bottom:1px solid #ffffff !important;
border-left: 1px solid #999999 !important;
border-top: 1px solid #999999 !important;
border-right: 1px solid #999999 !important;
border-collapse:collapse;
padding: 5px 8px;
z-index:99;
margin: 0px !important;
line-height:21px;
background-color:#ffffff;
}
#navlist a
{
color: #7d7d7d !important;
border-bottom: 1px solid #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
Da ich leider nicht wirklich Profi in CSS bin, wird mir ein Fehler vermutlich nicht auffallen, euch möglicherweise schon =)
Liebe Grüsse und vielen Dank
Yuny
