16. Dezember 2010

IE keine Frame height in Prozent

16. Dezember 2010 - Geschrieben von Martin - Keine Kommentare

Eigentlich sind Frames im heutigen Web nicht mehr gern gesehen, sie werden allerdings dennoch des öfteren benötigt, um z.B. mehrere Webseiten in einem Fenster darzustellen.

Wer dann z.B. dem Frame die Höhe 50% gibt, wird schnell feststellen, dass der Internet Explorer diesen Frame nur ein paarhundert Pixel hoch darstellt. Hierfür gibt es meines Wissens nach keinen Workaround, deshalb habe ich mir mittels JavaScript und dem jQuery Framework folgenden Fix gebastelt (hier wollte ich 2 iframes im Dokument die Höhe 50% geben):

function ieSetFrameHeight() {
    height = $(window).height();
    $('iframe').css({
        "height": height/2
    });
}
 
$(document).ready(function() {
    if($.browser.msie) {
        ieSetFrameHeight();
    }
}
 
$(window).resize(function() {
    if($.browser.msie) {
        ieSetFrameHeight();
    }
}