mcbain4711
Threadersteller
Dabei seit: 07.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 21.08.2010 14:55
Titel IE-Kompatibilitätsmodus Anzeigproblem (DIV, expli. height) |
|
|
Hallo experten,
Die beiden HTML-Schnipsel werden im IE-Kompatibilitätsmodus nicht korrekt dargestellt, sonst natürlich überall (auch im IE-Normalmodus).
Das Setzen der Höhe im 2. Schnipsel "height: 50px" führt leider dazu das das <div> nicht mehr die komplette Breite nutzt, sondern (wie ein <span>) nur die Breite des Inhalts. (der blaue rand im Bild kommt von den IE-Entwicklertools)
Weiss jemand wo das Problem dabei ist?
Code: |
<div style="border: 2px solid red; height: 100px; float: left;">
<div style="padding: 5px; background-color: white; clear: both">
<div style="background-color: green; ">expand1</div>
</div>
<div style="clear: both; width: 100px">
100px width
</div>
</div>
|
Code: |
<div style="border: 2px solid red; height: 100px; float: left; margin-left: 10px">
<div style="padding: 5px; background-color: white; clear: both">
<div style="background-color: green; height: 50px">expand2</div>
</div>
<div style="clear: both; width: 100px">
100px width
</div>
</div>
|
Zuletzt bearbeitet von mcbain4711 am Sa 21.08.2010 14:57, insgesamt 3-mal bearbeitet
|
|