nicht angemeldet
Anzeige von mehrspaltigem Layout in IE
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
-
Hi,
Du hast einen vollständigen Doctype angegeben, um den IE in den standardkonformen Modus zu bringen?
Warum gibst Du für #Inhalt eine Breite vor und nicht einfach gleiche margins nach links und rechts?freundliche Grüße
Ingo-
Hi,
Ich probiers gleich mal mit den margins...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Der Doctype sollte doch gehen oder??Christian
-
Hallo,
so jetzt hab ich den Vorschlag mit den Marginst getestet und es geht :).
Dankeschön,
Christian
-