Wahrscheinlich jeder hatte schon das Problem, dass seine Seite im Mozilla Firefox oder Opera so aussah, wie sie sollte, jedoch wurde sie ganz anders dargestellt im Internet Explorer. Nun wollte ich per Iframe ein Projekt in ein anderes einfügen. Die breiten des Iframe wurden auf 100% eingestellt.Das Iframe wurde in einem <div> Tag positioniert, welcher dem Iframe die entsprechende Größe zuteilt.
Soweit so gut. Das Projekt jedoch, welches im IFrame geladen wird, wurde außerdem die Breitenangaben auf 100% gesetzt, was zur folge hatte, dass unter Firefox und Opera die die Seite ordnungsgemäß angezeigt wird, da sie im IFrame an die Größe angepasst wird, jedoch im Internetexplorer die Größe der gesamten Page verwendet wird.
Wie funktioniert eigentlich das width=”100%”?
Das Objekt in welchem das width Attribut auf 100% gesetzt wird, erbt die Größe des Mutterobjekt z.B.: ein darüberliegendes <div>.
Aus diesem Grund müsste eigentlich die Seite auch im IE ordnungsgemäß angezeigt werden. Ich habe lange gesucht, bis ich die Lösung gefunden habe. Kontrolliert einfach den gesamten HTML Code, ob sich ein Fehler eingeschlichen hat , oder die W3C Standarts nicht eingehalten wurden.
Dann müsste es auch im IE so ausschauen, wie im Firefox