Hallo zusammen.
Ich habe ein Script geschrieben, das drei Div-Elementen, nach dem Laden der Seite, die gleiche Höhe verpassen soll.
Es sind dabei zwei Fragen aufgetaucht:
1) Wenn ich die ForEach-Schleife von JavaScript verwende, erscheint in der Fehlerkonsole des Firefox:
element.style has no properties
Mit einer normalen Schleife ist das File valide. Ist die ForEach-Schleife (Syntax: for(... in ...) ) denn nicht erlaubt?
2) Leider macht das Script die Div Elemente nicht länger.
Kann jemand meinen Code auf Fehler (jeder Art) überprüfen? (Ist nur ganz wenig Code) ...
Vielen vielen Dank.
Ich habe ein Script geschrieben, das drei Div-Elementen, nach dem Laden der Seite, die gleiche Höhe verpassen soll.
Es sind dabei zwei Fragen aufgetaucht:
1) Wenn ich die ForEach-Schleife von JavaScript verwende, erscheint in der Fehlerkonsole des Firefox:
element.style has no properties
Mit einer normalen Schleife ist das File valide. Ist die ForEach-Schleife (Syntax: for(... in ...) ) denn nicht erlaubt?
2) Leider macht das Script die Div Elemente nicht länger.
Kann jemand meinen Code auf Fehler (jeder Art) überprüfen? (Ist nur ganz wenig Code) ...
Code:
<script type="text/javascript">
// Div-Elemente, die gleich hoch werden sollen, in einem Array verpackt
var elements = new Array(document.getElementById('leftContent'), document.getElementById('rightContent'), document.getElementById('centerContent'));
var tallestHeight = 0;
for(var element in elements) {
if (element == null) continue; // Prüft ob das HMTL-Element existiert
if (element.offsetHeight > tallestHeight) {
tallestHeight = element.offsetHeight;
}
}
for(var element in elements) {
element.style.height = tallestHeight+"px";
}
</script>
Vielen vielen Dank.