Hallo,
auf der Seite http://www.klinger-für-frauen/aboutme.html möchte ich das DIV "container" dazu bringen, seine Höhe nach dem Browserfenster des Betrachters zu richten und seine Inhalte dann darin zu scrollen, falls sie zu lang sind. 420px müssen für Header, Footer und Rand ganz oben und unten abgezogen werden.
Dafür habe ich ein Javascript im Layout eingefügt:
/** Fenster ausrechnen **/
function resize()
{
var heights = window.innerHeight;
document.getElementById('container').style.height = heights-420+'px';
}
resize();
window.onresize = function() {
resize();
};
Im CSS habe ich den Container folgendermaßen definiert:
#container {
width:1024px;
top:185px;
position:absolute;
overflow:auto;
display:block;
Aber irgendwie will das nicht wie ich wohl will ...
Habt Ihr Anregungen? Ist iwo ein Fehler im Javascript oder in der CSS?
Lieben Dank im Voraus!
crashyhase
Lesezeichen