[Jan]

So, ich nähere mich nochmal langsam.
So soll es nicht aussehen oder?

[Jan]

So, SOOOOOOOOOOOOOOO soll es aber aussehen!

[iamstillalive]

So, SOOOOOOOOOOOOOOO soll es aber aussehen!

wow, Das ist super. Nur leider wird die Anzeige im Internet Explorer 7 zerstört

[Jan]

Kannst du mir mal nen Screen machen. ich schau mir das mal an, und werd dir morgen dann bescheid geben. bin jetzt aber erstmal 30min vorm Fernseher.

[iamstillalive]

hier und viel spaß beim fernseh gucken

[modercol]

Ich würd ja gerne mithelfen, aber ich komm nicht so ganz mit. Das Problem scheint hioer jetzt im IE zu sein, das, wenn du mit den verschachtelten divs arbeitest die innere zu groß oder die äußere zu klein ist. so seh ich das.

[iamstillalive]

Genau das meine ich @modercol.

es wird zwar im opera korrekt dargestellt jedoch im IE7 nicht

Naja Jan wird bestimmt morgen bzw. heute weiterhelfen...

[modercol]

Das Problem lad darin, man musste noch eine Höhenangabe hinzufügen für das Hintergrund-Menü.
Bei meinem Opera,FF,IE wirds perfekt angezeigt.
Um die Arbeit von Jan mal zusammen zu fassen:
Das sind die CSS-Angaben:

Code:

.menu ul{
    list-style: none; border:0px;
         }

.menu {
    text-align: left;
    border-top : 1px solid #b1a4ae;
    border-bottom : 1px solid #b1a4ae;
}
.menu{
    background: #efefef;
    color: #000000;
    font-size: 12px;
    border-right : 1px solid #b1a4ae;
    border-left: 1px solid #bbc1c8;
    padding: 0px;
         margin-bottom:0px;
    width: auto;
         height:25px;
}

[Jan]

Ja, es fehlt nur noch ein height für den IE:
Einfach den kleinen CSS Teil ändern, bzw erweitern. dann sollte es so aussehen.(Hab die zwei ".menu" noch zusammengefasst)

Code:

<style type="text/css" media="screen">
.menu ul{
    list-style: none;border:0px;}

.menu{
    background: #efefef;
    color: #000000;
    font-size: 12px;
    text-align: left;
    border-top : 1px solid #b1a4ae;
    border-bottom : 1px solid #b1a4ae;
    border-right : 1px solid #b1a4ae;
    border-left: 1px solid #bbc1c8;
    padding: 0px;
    width: auto;
    height:30px;
}
</style>

Leider kann ich es nicht prüfen, da ich mit Linux kein IE7 habe, aber von der Logik her sollte es so stimmen. Eventuell noch die höhe etwas anpassen. Aber so sollte es passen.

Beim nächsten mal schauen wir uns erstmal alles an, dann finden wir das Problem schneller. Hat ja ne ganze Weile jetzt gedauert.

[iamstillalive]

Bin begeistert. Es funktioniert in allen Brwosern...

Danke für die Hilfe.