Fehler bei der Höhe

[Roman Locher]

http://test.pro-contract.de/index.php?article_id=27

Warum geht der weiße Hintergrund nicht bis ganz unten? Müsste sich doch eigentlich am Content Bereich orientieren ...

 

[hpvw]

So gehts im Firefox (ohne Höhenangabe für den Body und die Page und mit minimal sichtbarem Clear-Div):

...
HTML, BODY {
	
}

...
#conPage {
	width: 745px;
	padding: 0px;
	margin: 0px auto;
	background-color: #FFFFFF;
	text-align: left;

}
...

.conClear {
	clear: both;
	display: block;
	font-size: 0px;
	width: 0px;
	line-height: 1px;
	height: 1px;
}
...

Im IE konnte ich das jetzt nicht testen.

Das nicht sichtbare (height:0) Clear-Div hat keine Wirkung, die Höhenangabe im Body sorgt für einen Scrollbalken auch bei wenig Inhalt und die Höhenangabe für die Page dafür, dass sich der Hintergrund nicht ausdehnt.

Gruß hpvw

 

[Maik]

Oder du trennst die Höhenangaben min-height und height für das DIV #conPage entsprechend der Browser-Modelle, da die height-Eigenschaft in den modernen Browsern (Firefox, Mozilla, Netscape, Opera) zu dem Darstellungsfehler führt:

#conPage {
        width: 745px;
        padding: 0px;
        margin: 0px auto;
        background-color: #FFFFFF;
        text-align: left;
        min-height: 100%; /* Für moderne Browser */
        /*height: 100%;*/
}
* html #conPage { /* Für IE */
        height: 100%;
}

Außerdem befindet sich das letzte DIV .conClear im HTML-Quelltext an der falschen Stelle. Es muß um ein schliessendes </div> nach vorne versetzt werden, damit es sich innerhalb des Blocks #conContent befindet, in dem die beiden floatenden Spalten #conContentLeft und #conContentRight eingebunden sind.

 

[Roman Locher]

Danke für die Tipps. Ich werde das gleich testen. Ist der Hammer, wenn man eine Ewigkeit nur Tabellen-Layouts gewohnt war. Aber ich zwing mich