[JS] Fensterbreite im Internetexplorer im Head-Bereich auslesen?

mh1001 · 6. Juni 2005

Hallo miteinander,

ich hoffe ich spamme mit meinen vielen Threads das Programmier-Forum nicht vollkommen zu.

Und zwar geht es mir dieses Mal um folgendes:
Da der Internet-Explorer das CSS-Attribut "min-height" nicht unterstützt, habe ich mich nun daran gemacht, selbst einen entsprechenden Hack zu schreiben.
Im Moment sieht der Code einer ersten Testseite so aus:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Testseite
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
  #hack { width: 99%; min-width: 680px; }
</style>
<script type="text/javascript">
  var fensterbreite = window.innerWidth;

  if(fensterbreite <= 680)
  {
	document.open();
	document.write('<style type="text/css">#hack { width: 680px; }<\/style>');
	document.close();
  }
</script>

<body>
<div id="hack">
  Wie kann man dies dem Internetexplorer nur beibringen? ;)
</div>
</body>
</html>

Im Firefox, Netscape, Konqueror und Opera klappt dies auch einwandfrei. Nur ausgerechnet da kann ich es nicht gebrauchen, da die Browser im Gegensatz zum Internet-Explorer auch mit dem Attribut "min-width" zurecht kommen.
Aber wie es nunmal so ist, unterstützt der Internet Explorer auch nicht die Eigenschaft "innerWidth". Doch wie komme ich nun im Internetexplorer an die innere Breite des Browserfensters. Auch habe ich schon einige Versuche mit "document.body.offsetWidth" unternommen, was jedoch nur bei schon geladenem Body-Bereich funktioniert, ich jedoch die entsprechenden Variablen gerne im Head-Bereich zur Verfügung stehen hätte, bevor der Body geladen ist.

Ich hoffe es hat hier jemand eine Idee.

MfG mh1001

Suche

[JS] Fensterbreite im Internetexplorer im Head-Bereich auslesen?

mh1001

Lt. Commander