achterbahnfreak
Erfahrenes Mitglied
Hallo zusammen,
ich besitze ein Problem und hoffe, dass mir dabei jemand helfen kann. Auf einer Website habe ich ein jQuery Plugin eingebunden, das gleich viele divs (.item) in Spalten (columns) aufteilt.
Mit folgendem Code wollte ich erreichen, dass die divs die gleichen Höhen- wie Breitenmaße hat (das div soll also immer ein Quadrat sein):
Sobald ich das Fenster verkleiner, wird die Höhe angezeigt und alles ist so wie gewollt. Beim Seitenladen jedoch wird die Höhe einfach nicht angezeigt.
Woran könnte das liegen?
Habe es auch schon mit $(document).ready(updateHeight); und $(window).onload(updateHeight); versucht, brachte jedoch keinen Erfolg...
Danke für eure Hilfe.
ich besitze ein Problem und hoffe, dass mir dabei jemand helfen kann. Auf einer Website habe ich ein jQuery Plugin eingebunden, das gleich viele divs (.item) in Spalten (columns) aufteilt.
Mit folgendem Code wollte ich erreichen, dass die divs die gleichen Höhen- wie Breitenmaße hat (das div soll also immer ein Quadrat sein):
Javascript:
<script type="text/javascript">
$(window).ready(updateHeight);
$(window).resize(updateHeight);
function updateHeight()
{
var div = $('.item');
var column = $('.column');
var width = column.width();
div.css('height', width);
}
</script>
Sobald ich das Fenster verkleiner, wird die Höhe angezeigt und alles ist so wie gewollt. Beim Seitenladen jedoch wird die Höhe einfach nicht angezeigt.
Woran könnte das liegen?
Habe es auch schon mit $(document).ready(updateHeight); und $(window).onload(updateHeight); versucht, brachte jedoch keinen Erfolg...
Danke für eure Hilfe.

Zuletzt bearbeitet von einem Moderator: