Heute hat mich ein kleines Problem eine Weile beschäftigt. Ich habe einen kleinen jQuery-Aufruf verwendet um die Höhe eines
$( document ).ready( function(){
$( "#sidebar-left" ).css("min-height", ($( "#footer" ).offset().top - $( ".content-area" ).offset().top + "px"));
});
Mit reinem Text-Inhalt in der .content-area hat das bei $( document ).ready() auch super funktioniert. Ich musste jedoch für einige Bilder im Inhalt width: 100% und height: auto setzen und danach fehlte bei der errechneten Höhe immer die Summe der Höhe aller Bilder.
Ich habe dann erst eine Weile überlegt, wie ich nun noch ein Callback einsetzen kann, wenn die Bilder fertig geladen sind. Auch die Recherchen führten irgendwie in"s Nichts. Letzten Endes war die Lösung aber wirklich einfach: window.onload löst erst aus, wenn alle Inhalte (auch Bilder) geladen sind.
$( window ).on("load", function(){
$( "#sidebar-left" ).css("min-height", ($( "#footer" ).offset().top - $( ".content-area" ).offset().top + "px"));
});