[PHP] div in 100% Seitenhöhe

[Vacca]

Hallo zusammen,

da es schwer ist, nach prägnanten Begriffen in bezug auf dieses Problem zu suchen, schreibe ich das mal hier rein.

Folgendes: Seite mit drei div - Tags: ein Conatiner für alles, die Navigation links, rechts daneben der Inhalt. Wenn das im Inhalt-div eine größere Höhe hat als der Bildschirm wird beim IE der Navigations-div verlängert, bei Mozialla allerdings nicht. Da hat er nur die Höhe des Browserfensters und geht nicht bis zum Seitenfuß.

Hat da jemand ein paar Ideen/ Beispiele parat, wie das bei Mozialla zu lösen ist?


Hier noch ein paar Code-Schnipsel:

    echo '<div id="container">';
    echo '<div id="navigation">';
    include("nav.php");
    echo '</div>';
    echo '<div id="inhalt" align="left">';
    echo '<img src="img/banner.png">';
    echo phpinfo();                 // Als Beispiel für langen Inahlt
    echo '</p>';
    echo '</div>';
    echo '</div>';

#container {
	min-width: 995px;
    height: 100%;
	margin-top: -15px;
	margin-left: -11px;
    position: absolute;
    border-right:6px solid #C0C0C0;
}


#inhalt {
    padding: 0px;
    margin: 0px;
    height: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	background-color: #FFFFFF;

}

#navigation {
    border: 0px;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 120px;
    height: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

Zum Gruß, der Vacca

 

[Crizzo]

Din Container wächst nicht mit. Hier in der FAQ: http://xhtmlforum.de/40267-faq-h-ufig-gestellte-fragen-und.html unter Punkt 2 bekommst du Hilfe.

"height:100%;" bezieht sich nur auf den aktuellen Viewport, die Angabe kannst du also bei #container rausstreichen! Auch #inhalt und braucht sie nicht, denn Blockelement nehmen automatisch den maximalen Platz ein.

 

[Vacca]

Okay danke!

Habe das ganze nun mit einer Tabelle gemacht. Ist zwar nicht so elegant, aber es tut genau das gleiche

Vacca

 

[Crizzo]

Okay danke!

Habe das ganze nun mit einer Tabelle gemacht. Ist zwar nicht so elegant, aber es tut genau das gleiche

Vacca

Nicht elegant? Das ist eine semantische Katastrophe! Tue das nicht!

 

[Backslash]

Du machst das Layout mit HTML, weil du es mit CSS nicht hinbekommst? Katastrophe trifft es ziemlich gut.
HTML ist nur dazu da den Inhalt zu strukturieren, sprich Absätze, Überschriften etc.

Die "richtige" Lösung mit CSS ist dem in jedem Fall vorzuziehen.