Hinweis: Das Stylesheet zeigt einen Validierungsfehler, dies liegt an der proprietären Eigenschaft -moz-opacity, die hier zur Verdeutlichung der Probleme genutzt wird.
box2: float: right; width: 50%;
box3 wurde 'absolute' verschoben
box3: position: absolute; top: 0; right: 0; width: 50%;
box5: float: right; width: 100%; margin-right: 100px;
box6: float: left; width: 100%; margin-left: 100px;
margin-right:50px, IE = 100px (Double-Margin-Bug)
box7: float: right; width: 50%; margin-right: 50px;
box8: float: right; width: 50%; margin-right: -50px;
box8: float: right; width: 50%; margin-right: -50px; position: relative;
Alle drei zeigen auch wieder Boxmodel-Bug des IE
box9: float: right; width: 150px; height: 100px;
box10: float: left; width: 150px; height: 100px; margin-top: -20px;
box10a: float: right; width: 150px; height: 100px; margin-top: 20px;
box11: float: left; width: 30%; height: 50px;
box11b: float: right; width: 50%; height: 150px;
box11a: width: 30%; height: 100px; margin: 0 auto;
Drei unterschiedliche Situationen, die im IE völlig identisch aussehen:
box12: float: left; width: 100px; height: 100px;
box12a: width: 200px; height: 70px;
box12: float: left; width: 100px; height: 100px;
box12b: position: relative; width: 200px; height: 70px;
box12: float: left; width: 100px; height: 100px;
box12c: width: 200px; height: 70px; margin-left: 100px;
Browser-News | Produktiv? | Browser-Links | mehr Workshops | Tips und Tricks