Hi Leute,
ich habe mir euer mehrspaltiges CSS Layout mit Kopf und Fusszeile ein bischen verändert. Leider überlagern sich im Firefox die Elemente.
Meine CSS Datei:
body {
color: #CCCCCC;
font-size: 100.01%;
font-family: Verdana,Arial,Helvetica;
margin: 0; padding: 1em;
mind-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
text-align: center;
background: url(hintergrund.gif);
align: center;
}
div#Seite {
text-align: center;
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
padding: 0;
background: #666666 repeat-y;
width: 760px;
}
ul#Navigation {
float: left; width: 9em;
padding: 3px;
border: 1px dashed silver;
background: #666666;
margin: 0 0 0em;
}
div#Info {
float: right; width: 10em;
padding: 6px;
border: 1px dashed silver;
background: #666666;
}
div#Inhalt {
margin-left: 9em;
margin-right: 10.2em;
padding: 3 3px;
border: 1px dashed silver;
background-color: #666666;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
p#Fusszeile {
clear: both;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #666666; border: 1px solid silver;
border: 1;border-color:414141; border-style:solid; border-width:1px
}
Kann mir jemand sagen wie ich die Elemente auch im Firefox nebeneinander ausrichte, wie im IE gegeben?