Hi
Ich versuch ein kleines jQuery-Script um Spaltenlängen auszugleichen, einzusetzen. (Das CSS-Layout der Spalten lässt ein herkömmliches Faux Columns nicht zu.)
Für das 3-spaltige Layout bekommen im fe_page.html5 die #left, #right und #main die zusätzliche Klasse "column".
Die Spalten sollen sich an der längsten Spalten orientieren und erhalten dann dessen Höhe.
Das Script das ich benutze lautet:
Der Script funktioniert grundsätzlich in einer statischen Html-Seite.Code:<script type="text/javascript"> jQuery(document).ready(function() { var colheight = 0; $(".column").each(function(){ if($(this).height()>colheight) colheight = $(this).height();}) .css({height:colheight}); }); </script>
Den Script habe ich auf verschiedene Weise versucht einzubinden. Einerseits direkt im Seitenlayout (eigener Javascript-Code) andererseits als js-Datei im Header.
jQuery-Extension ist installiert und getestet. Funktioniert mit anderen Scripts. (Mootools aktiv und no-conflict). Ich hab's auch mit diversen jQuery-Versionen getestet.
Hab's auch als XHTML versucht.
Hat jemand eine Idee?
Danke für ein Feedback
Lesezeichen