✔ Margin iE5.5 und 6

[DenisCGN]

Nabend zusammen,

jetzt hatte ich gedacht ich taste mich langsam ran, denkste. Sobald ich das MARGIN für adtop setzt zerhaut es mir das Layout im iE5.5 und iE6. Kann mir jemand sagen woran das liegt. der iE5.5 wäre mir ja egal aber der 6er muß leider noch dabei sein.

http://www.centerstage.de/mhq/index7.php

Danke und Grüße
der Denis

 

[Maik]

Hi,

im IE tritt der altbekannte "Double-Margin-Bug" bei floatenden Elementen auf, indem er deren horizontale margin-Werte verdoppelt.

Abhilfe schafft da die Hinzunahme der display:inline-Eigenschaft:

* {
        margin: 0px;
        padding: 0px;
}
#adtop {
        background-color: #993300;
        margin: 10px 0px 5px 10px;
        height: 90px;
        width: 800px;
}
#adright {
        background-color: #339999;
        margin: 0px 0px 0px 5px;
        height: 600px;
        width: 160px;
        float: left;
        display:inline;
}
#wrapper {
        background-color: #99CCFF;
        margin: 0px 0px 0px 10px;
        width: 800px;
        float: left;
        display:inline;
}
#header {
        background-color: #CC66FF;
        height: 100px;
        width: 800px;
}
#logo {
        background-color: #CC99FF;
        height: 100px;
        width: 100px;
        float: left;
}
#rss {
        background-color: #6699FF;
        height: 30px;
        width: 50px;
        float: right;
}
#myspace {
        background-color: #CCFF99;
        height: 30px;
        width: 150px;
        float: right;
}
#searchfield {
        background-color: #339966;
        margin: 40px 0px 0px 0px;
        height: 30px;
        width: 150px;
        float: left;
}
#navigation {
        background-color: #6666FF;
        margin: 40px 0px 0px 0px;
        height: 30px;
        width: 550px;
        float: left;
}
#content {
        background-color: #FFCCCC;
        margin: 5px 0px 5px 0px;
        padding: 5px;
        width: 790px;
        overflow: hidden;
}
#contentleft {
        background-color: #CC9966;
        width: 460px;
        float: left;
}
#contentright {
        background-color: #99CC66;
        width: 300px;
        float: right;
}
#footer {
        background-color: #996666;
        height: 50px;
        width: 800px;
}
.clearboth {
        clear: both;
}
.clearright {
        clear: right;
}
.clearleft {
        clear: left;
}

Da du zu Beginn des Stylesheets mit dem Universalselektor * die Polsterungseigenschaften aller enthaltenden Elemente auf null zurückgesetzt hast, müssen diese Angaben nicht mehr für jedes einzelne Element wiederholt werden.

 

[DenisCGN]

Hallo Maik,

vielen lieben Dank!

der Denis