✔ Div Höhe gleich Breite

mtronics

mtronics

Mitglied
Hi,

ich arbeite zur Zeit an einer Website. Diese soll quadratische DIVs enthalten, die eine variable Breite haben (16% der Bildschirmbreite). Die höhe soll sich auch beim Ändern der Fenstergröße anpassen.

Mein Versuch:
Code: 
function resizeTiles(){
var tiles = document.getElementsByClassName("tile");
for (var i in tiles)
{
tiles[i].offsetHeight = tiles[i].offsetWidth;
};
}

HTML dazu:
HTML: 
... <body onload="resizeTiles()" onresize="resizeTiles()"> ... <div class="tile"></div><div class="tile"></div><div class="tile"></div> ...

Allerdings funktioniert das Javascript überhaupt nicht.

Ich hoffe auf baldige Hilfe.

MfG,
mtronics
 
Hi,

offsetHeight ist read-only - es kann also nur der Wert ausgelesen werden.

Vielleicht besser über
Code: 
tiles[i].style.height = tiles[i].offsetWidth + "px";

Ciao
Quaese
 
Danke Quaese,
nun funktioniert es. Allerdings ist das Quadrat leicht verzerrt, ich denke aber, dass ich das noch hinbekommen werde. :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück