✔ DIV mit 100% läuft aus Browserfenster raus

[kruemel81ch]

Hallo Zusammen,

Mein Problem wird wohl ein alt bewährtes sein.

Zwar habe ich eine Seite mit Divs folgendermassen aufgebaut.

Haupt-Container
- Adress-Container
- Content-Container
--> Rubrikbild
--> Navi
--> Inhalt

Nun möchte ich, dass Inhalt-DIV bei wert 280px beginnt und bis zum unteren Browserfenster-Rand geht. Bei Overflow einen Scrollbalken.
Das funktioniert natürlich prima unter FF, Opera, Camino, Safari (alles MAC und PC getestet).

Mit <!-- [if IE] --> ruf ich für IE ein separates CSS auf.
Habe die Werte alle für IE angepasst. Das Layout passt auch, nur das Inhalt-DIV läuft am unteren Rand genau die 280px raus.

Hab nun in sämtlichen Foren bereits Einträge gesucht und nichts gescheites gefunden.
Denke aber, dass es an der Verschachtelung der DIVs liegt.

Hier liegt die Seite:
http://www.husistein-bau.ch/inhalt/bauen.php

Wäre super wenn mir jemand helfen, resp. auf den Fehler hinweisen könnte.

Thx und Gruss
Adi

 

[Maik]

Hi,

ersetz mal in der style_ie.css im Selektor #inhalt margin-top durch border-top und verringere die Schichtposition:

#inhalt {
        z-index: 1;
        overflow: auto;
        border-top: 280px solid #fff;
        padding-bottom: 280px;
        top: 0px;
        left: 88px;
        width: 712px;
        height: 100%;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-right: 20px;
}

 

[kruemel81ch]

Hey, Super, es klappt.

Vielen Dank. Dachte schon ich muss das ganze Tabellarisch umsetzen ;-)