Stefan Rohloff: CSS per Javascript ändern

Beitrag lesen

Hallo,

falls das Browserfenster eine bestimmte Höhe überschreitet, möchte ich die für einen <div id="img_head"> padding-top=100px; setzen.

Wie man die Infos über das Browserfenster bekommt, habe ich hier gefunden:
http://de.selfhtml.org/javascript/objekte/style.htm#allgemeines

Nun habe ich folgendes versucht:

if (Hoehe >= 500) {
var obj= document.getElementById(img_head);
img_head.style.paddingTop = "100px;
}

oder auch

if (Hoehe >= 500) {
document.getElementById(img_head).style.paddingTop = "100px;
}

Ich kann kein JavaScript und habe nur versucht, Tipps aus Foren oder Tutorials anzupassen, es klappt aber nicht.

Eingebaut habe ich es gleich nach <body>:

<script type="text/javascript">
/* Überwachung von Internet Explorer initialisieren */
if (!window.Weite && document.body && document.body.offsetWidth) {
  window.onresize = neuAufbau;
  Weite = Fensterweite();
  Hoehe = Fensterhoehe();
}
document.write("Weite: " + Weite + " Höhe: " + Hoehe);
if (Hoehe >= 500) {
var obj= document.getElementById(img_head);
img_head.style.paddingTop = "100px;
}
</script>

Wenn ich die 3 von mir selbst geschriebenen Zeilen lösche, dann funktioniert  document.write("Weite: " + Weite + " Höhe: " + Hoehe); (d.h. Breite und Höhe werden am Bildschirm angezeigt), mit meinen 3 Zeilen klappt selbst das nicht mehr ...

Liebe Grüße, Stefan