IE 6 möchte mein div nicht bis zum unteren rand ausdehnen...

[Der Martin]

n'Abend!

#end{
position: absolute;
left:185px;
top:226px;
bottom:0px;
width: 600px;
background-image:url(../images/stretch_norm.jpg);
}

Dieses Element steht zunächst mal am unteren Rand seines Elternelements und lässt nach oben 226px Platz. Vorausgesetzt, dessen Parent gibt überhaupt soviel Höhe her. Welches ist das? Der body? Wahrscheinlich.

Funktioniert mehr als perfekt in FireFox 2.

Auch wenn body und html durch wenig Inhalt nur eine geringe Höhe erreichen?

aber, IE 6 möchte nicht. der zeigt den layer (mangels height??) nicht an.

"Mangels height" ist zumindest die richtige Spur. Der IE ist zu dämlich, aus bottom und top selbständig die Höhe des Elements zu bestimmen. In deinem Beispiel wird er wahrscheinlich eine der beiden Koordinaten berücksichtigen, und die Höhe des Elements dann nach seinem Inhalt bestimmen.

naja, habe dann für ie alle parents vom div (sprich html und body) mit height 100% versehen, und dem div eine height von 100% gegeben.
Diese Lösung stinkt aber, da ein scrollbalken nun vorhanden ist, bei welchem gescrollt werden kann, obwohl nichts da unten ist ausser hintergrundbildwiederholungen, die keiner sehen möchte.

Das div ist 100% hoch, aber um 226px nach unten verschoben? Der IE scheint also die bottom-Angabe zu ignorieren.

tja. was machen? da der inhalt dynamisch und verschieden ist, die bildschirmauflösung der benutzer ja bekanntlich auch, kann ich keinen fixen oder fixen prozentwert gebrauchen...

Wäre top:0; height:100%; padding-top:226px; eine Lösung für dich?

<!--[if ie]>
<style type="text/css">
div#end { height:expression((document.body.offsetHeight - 226) + "px"); }
</style>
<![endif]-->

Das funktioniert vor allem nur mit aktivem Javascript. :-(

So long,
 Martin