✔ DIV Box wird im IE nicht richtig positioniert!

[gelbelilie]

du bekommst gleich eine neue css von mir. bin inzwischen drangekommen an die seite

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #FFFFFF;
background-color: #CCCCCC;
}

#main-box {
height: 590px;
width: 790px;
top: 50%;
text-align: left;
background: #6633ff;
border: 1px solid #333;
margin: auto;
}

#header {
height: 90px;
background: #3366ff;
border: 1px solid #333;
}

#header h1 {
font-size: 3.6em;
color: #ffffff;
text-align: center;
margin: 0.2em;
padding: 0px
}

#nav {
width: 150px;
float: left;
margin: 0;
}

#nav ul, #nav li, #nav ul li a {
height: 1%;
margin: 0px;
padding: 0px;
list-style: none;
}

#nav ul li {
font-size: 0.75em; /*Pixelgröße: 12px*/
}

#nav ul li a {
display: block;
background: #3366ff;
color: #FFFFFF;
padding: 0.125em;
border-bottom: 1px solid #EFEFEF;
}

#nav ul li a:hover {
background: #003366;
color: #FFFF00;
}

#nav ul ul li {
font-size: 95%; /*Pixelgröße: 95% von 12px*/
}


#nav ul ul li a {
padding-left: 1em;
}

#content {
float: left;
background: #3366cc;
margin-right: 1px;
padding: 1em;
}

#content h1 {
text-align: center;
}

#footer {
clear: both;
padding: 0.125em;
background: #3366ff;
border-top: 1px solid #333;
width: 786px;
height: 20px;
margin: 0 auto 0 auto;
}

 

[PhaseV]

ok, jetzt stimmt zwar die Darstellung im IE, aber dafür sieht es jetzt im FF so wie vorher im IE aus

 

[gelbelilie]

den <div id="footer"> musst du im Quelltext noch unter den <div id="main-box"> schieben

 

[Maik]

#content {
    display: block;
    background: #3366cc;
    margin-left: 150px;
    margin-right: 1px;
    padding: 1em;
}

funktioniert in allen mir zur Verfügung stehenden Browser (FF, IE, Mozilla, Netscape, Opera & SeaMonkey) einwandfrei.

@gelbelilie: Benutze doch bitte zukünftig die Code-Tags zum Auszeichen von Quellcode-Angaben. Es entspannt das Lesen eines Beitrages ungemein. Vielen Dank.

 

[PhaseV]

ICh danke euch für eure Hilfe, habe es jetzt hinbekommen das es im FF auch neben dem #nav-div ist, der <h1> text war zu groß ^^

 

[gelbelilie]

das ist auch eine Lösung ... feiner ist die von Maik ... und Maik, danke für den Hinweis. Das ist aber heute das erste Mal, dass ich versuche, jemanden zu helfen. Null Erfahrung lässt grüßen.