Anzeigeproblem IE
Bernd Stadlhofer
- css
Hallo!
Wieder mal ein Problem, dass der IE mein CSS nicht gleich interpretiert als Firefox:
Mein Layout ist eigtl ein Standardlayout mit Header, Nav-Bar, Content und Footer und sieht so aus:
<div id="Header">
...
</div>
<div id="sideBox">
...
</div>
<div id="contentMain">
...
</div>
<div id="footer">
...
</div>
Das CSS dazu lautet:
#Header {
padding: 0;
LEFT: 0px;
MARGIN: 0px;
margin-left:0px;
margin-top:0px;
height:70px;
vertical-align: middle;
border-bottom: #333333 3px solid;
}
#sideBox {
padding: 0;
LEFT: 0px;
MARGIN: 0px;
margin-left:0px;
margin-top:0px;
WIDTH: 200px;
overflow:hidden;
float:left;
clear: none;
//height: 500px;
min-height: 500px;
}
#contentMain {
MARGIN-LEFT: 212px;
overflow: visible;
//height: 500px;
min-height: 500px;
clear: none;
}
#footer {
padding: 0;
LEFT: 0px;
MARGIN: 0px;
margin-left:0px;
margin-top:0px;
height:50px;
border-top: #333333 3px solid;
clear: both;
}
Wenn ich im Content-Bereich einen overflow des Textes habe, wird dieser im Firefox ganz normal angezeigt und steht nach rechts hinaus (overflow:visible;). Im IE sieht das Ganze aber so aus, dass der ganze Content-Bereich dann um die Höhe der sidebox nach unten verschoben wird.
Wenn ich keinen overflow habe, passt die Anzeige auch im IE.
Was muss ich hier ändern, dass die Anzeige im IE bei einem overflow auch ganz normal ausschaut, und der Content-Bereich, wie man es eigtl annimmt, gleich unter dem Header beginnt?
Vielen Dank um eure Hilfe!