nicht angemeldet
Hallo,
Dieses soll sich immer der größe des browser-fensters anpassen.
Das Funktioniert auch schon im firefox, opera und IE 7. Nur im IE 6 nicht.
#content
{
position: absolute;
width: 600px;
top: 150px;
left: 140px;
bottom: 0px;
background: #0000FF;
}
Der IE6 kann top/Bottom (genau die left/right) nicht in Kombination verwenden. Deshalb kannst du den gewünschten Effekt in diesem „Browser“ leider nicht mit CSS-Mitteln erzielen.
Die einzige Möglichkeit wäre, die Höhe per JavaScript auszurechnen.
Also etwa:
function anpassen(){
document.getElementById("content").style.height = (document.body.offsetHeight - 150) + "px";
}
(Bin mir nicht sicher, ob „offsetHeight“ jetzt richtig angewendet wurde, da ich sonst immer mit window.innerHeight gearbeitet habe, was der IE nicht kennt)
Diese Funktion musst du dann nach dem Laden und bei Veränderung der Browserfenstergröße ausführen.
Also:
window.onload = anpassen;
window.onresize = anpassen;
Ich denke mal, wer noch den IE6 verwendet, kann JS auch nicht ausschalten :)
mfg. Daniel