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