nicht angemeldet
Hallo,
ich habe aufbauend auf SELFHTML (http://de.selfhtml.org/css/layouts/mehrspaltige.htm)
ein dreispaltiges Layout mit Kopf- und Fußzeile und fester Breite erzeugt:
Der Quelltext ist in etwa so:
<div id="Seite">
<div id="banner">Testseite</div>
<div id="navi">Navigation</div>
<div id="info">Info</div>
<div id="inhalt">Ganz viel Inhalt...</div>
<div id="footer">Footer</div>
Die CSS-Datei:
div#Seite {
margin: 0 auto;
width: 970px;
padding: 0;
border: 2px solid blue;
}
div#info {
height:100px;
float: right; width: 172px;
margin: 0; padding: 0;
border: 1px solid black; background-color: #eee;}
div#navi {
height:100px;
font-size: 0.9em;
float: left; width: 172px;
margin: 0; padding: 0;
border: 1px solid black; background-color: #eee;}
div#inhalt {
width:620px;
padding: 0;
margin: 0 auto;
border-left: 1px solid navy;
border-right: 1px solid navy;
border-top: none;
border-bottom: none;
}
div#banner {
font-size: 60pt;
font-family: tahoma, sans-serif;
color:white;
margin: 0; padding: 0;
text-align: center;
background-color: #eee;
border: none;}
div#footer {clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;}
Jetzt stellt der Internet Explorer zwei Dinge falsch dar:
1. Sobald ich für #info keine Höhenangabe macht wird die Infobox für die Zentrierung ignoriert und der Inhalt rutscht nacht rechts. Bei der Navibox hingegen kann ich die Höhenangabe weglassen.
2. Der mittlere Teil (Inhalt) ist wenn 1. erfüllt ist im IE zwar in der Mitte, aber beginnt erst unterhalb der Infobox, ist also um deren Höhe nach unten verschoben...
Woran könnte dies liegen?
Vielen Dank im Voraus,
Christian