IE 7 Problem mit Darstellung Menü-Liste

IE 7 Problem mit Darstellung Menü-Liste

Beitragvon yuny » 30.12.2010, 12:09

Hallöchen zusammen

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 :cry:

Hier der HTML-Code:

Code: Alles auswählen
<div id="navcontainer">
<ul id="navlist">
<li ><a href="/~ecommerc/shop/inhalt.php?content=ueberblick">&Uuml;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 =) :idee:

Liebe Grüsse und vielen Dank

Yuny
Dateianhänge
li_problem.png
li_problem.png (2.64 KiB) 300-mal betrachtet
yuny
neu hier
 
Beiträge: 1
Registriert: 30.12.2010, 11:52

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "IE 7 Problem mit Darstellung Menü-Liste"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste