Navigationsleisten-Layout IE vs Firefox

  • Hallo!
    Ich habe ein Problem mit dem Layout meiner Navigationsleiste. Und zwar stimmt das Layout ab dem 2. unterelement der Liste nicht. Der IE ist in Ordnung, aber Firefox mag nicht so wie ich will. Kann mir vielleicht jemand sagen, woran das liegt? DANKE
    hier der link: http://www.alumni-bau.de

  • -> Veranstaltungen -> Gesprächsabende
    Die Punkte "Sommergespräche" und "Kamingespräche" sind bei mir im IE heller unterlegt, eingerückt und kursiv geschrieben, aber bei Firefox nicht :/
    hier meine style-konfiguration:

    <style>

    #hauptnavigation {
    width: 15em;
    background-color: #DFE1F0;
    border: 1px solid #A9B0D7;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #2E3192;
    font-size: 0.8em;
    }

    #hauptnavigation ul, #hauptnavigation ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    }

    #hauptnavigation a {
    text-decoration: none;
    display: block;
    color: #2E3192;
    }

    * html #hauptnavigation a {
    width: 100%;
    }

    #hauptnavigation ul li {
    font-weight: bold;
    border-bottom: 4px solid #A9B0D7;
    }

    * html #hauptnavigation ul li {
    height: 1em;
    }

    #hauptnavigation ul li a {
    display: block;
    padding-left:24px; padding-right:7px; padding-top:4px; padding-bottom:4px
    }

    #hauptnavigation ul li.aktiv div.aktiv {
    color: #2E3192;
    padding-left:24px; padding-right:7px; padding-top:4px; padding-bottom:4px;
    }

    #hauptnavigation ul li ul li {
    font-weight: normal;
    border-top: 1px solid #A9B0D7;
    border-bottom: 0px solid #A9B0D7;

    }

    #hauptnavigation ul li ul li a {
    padding-left:34px; padding-right:7px; padding-top:4px; padding-bottom:4px;
    background:#FFFeee;
    background-color: #DFE1F0;
    }

    #hauptnavigation ul li ul li.aktiv {
    color: #2E3192;

    }
    #hauptnavigation ul li ul li ul li {
    font-weight: normal;
    font: italic;
    border-top: 0px solid #A9B0D7;
    border-bottom: 0px solid #A9B0D7;
    background-color: #00FF00;

    }

    #hauptnavigation ul li ul li ul li a{
    font-weight: italic;
    border-top: 1px solid #A9B0D7;
    border-bottom: 0px solid #A9B0D7;
    padding-left:46px; padding-right:1px; padding-top:4px; padding-bottom:4px;
    background-color: #F5FDFF;
    }

    #hauptnavigation ul li ul li ul li.aktiv {
    color: #2E3192;

    </style>

  • Moin ...

    So auf die schnelle ist mir auch noch aufgefallen, dass Deine Navi abgeschnitten wird sobald man die Fenstergröße ändert oder den Link Veranstalltungen betätigt.


    Desweiteren gehört der <style>Inhalt</style> Bereich in den <head> Bereich.

    Gruß

  • hmmm, habe den <Style>-Kram jetzt unter <head>, aber firefox zeigt die Unterpunkte immernoch nicht richtig an. Hat keiner ne Idee, woran das liegen kann?

  • Ich weiß natürlich nicht welche Browser-Versionen du nutzt, aber auf meinem FF 1.01 und IE V6.0.28 sehen beide Seiten identisch aus.
    Da ist nix verschoben oder der Gleichen.

    Notfalls kannst du ja auch einen Screen von deienr fehlerhaften Darstellung posten, dann wissen wir mal wie es bei dir aussieht.

    "Carpe Diem" powered by positiv Feelings