✔ Div-Höhe via JavaScript

[visiondpc]

Hallo, ich versuche grade einem Div-Container mittels JavaScript eine feste Größe besierend auf dem Monitorauflösung zuzuweisen. Leider funktioniert das garnicht.

<SCRIPT LANGUAGE="JavaScript">
if(!document.body.clientWidth)
{
	document.getElementById('frame').style.height=(window.innerHeight-297);
}
else
{
	document.getElementById('frame').style.height=(document.body.clientWidth-297);
}
</SCRIPT>

<div id="frame" style="overflow-y:scroll;height:297px;">

Kann mir jemand helfen und verraten, wo ich den Fehler mache?

 

[Gumbo]

Der logische Fehler liegt darin, dass die Monitorauflösung eine schlechte Referenzgröße ist, da nur etwa jeder zweite sein Browserfenster maximiert. Und sollte das Fenster maximiert sein, sagt dies auch noch nichts über die Größe des Darstellungsbereichs aus, also des Bereichs, in dem schließlich die Inhalte darstellt werden.

 

[visiondpc]

Also die Größe die ausgegeben wird ist schon die richtige denke ich. Wenn ich meinen Browser maximiere und mir dann

alert(window.innerHeight);

ausgeben lasse bekomme ich nicht die gesamte Höhe der Auflösung (1024) Sondern nur den Anzeigenbereich des Browsers, 858px angezeigt. Verkleinere ich das Browserfenster wird auch nur ein kleinerer Wert angezeigt.

Das Problem ist, dass sich das Div nicht mit den üblichen CSS-Attributen Bottom, Top usw. auf die richtuige Größe ziehen läßt.

 

[hela]

... und weiterhin musst du die Maßeinheit mit übergeben, nicht einfach nur einen Integer-Wert. Also als String:

...style.height=(window.innerHeight-297)+"px";
bzw.
...style.height=(document.body.clientWidth-297)+"px";

 

[visiondpc]

Ok stimmt. Danke. Aber leider funktioniert es damit immer noch nicht.

 

[hela]

Lass mich raten: Ich vermute o.g. Script steht im Header einer HTML-Datei und döst dort vor sich hin. Wann soll es denn abgearbeitet werden?
Bis dahin hat dein DIV-Block eine Höhe von 297px, so wie es in den Inline-Styles steht. Was ist daran falsch?

 

[visiondpc]

Ok stimmt. Soweit hatte ich garnicht gedacht. Also das ganze als Funktion in den Body-Tag. Danke.