Es ist wie immer: Idee, alles läuft gut ... dann guck ich in den IE und was ist? Alles kaputt!
Find aber den Fehler nicht, vielleicht mag ja jemand gucken.
Richtig: [img]http://www.250kb.de/u/060524/g/t/10643fbf.gif[/img]
Falsch:
[IMG]http://www.250kb.de/u/060524/g/t/2a1de35a.gif[/IMG]
CSS:
* {
margin: 0px;
padding 0px;
border: 0px;
}
html, body {
margin: 0 auto;
height: 100%;
background-attachment: fixed;
background-image: url('images/streifen.gif');
font-family: verdana, verdana, arial, sans-serif;
font-size: 0.9em;
}
.grund {
margin: 0 auto;
postion: relative;
height: 100%;
width: 690px;
padding: 0px 10px;
background-image: url('images/main_bg.gif');
}
.header {
position: relative;
width: 690px;
height: 190px;
}
.platzhalter {
position: relative;
height: 5px;
width: 686x;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
background-color: #86b823;
}
margin: 0 auto;
.. das ist es, was der IE nicht mag. Probier's mal mit absoluter Positionierung:
position:absolute;left:-50%;margin-left:{breite/2};
Ne, tuts nicht
Ist zwar nicht ganz korrekt, jedoch muss für den ebenfalls nicht korrekten IE immer
text-align: center;
zum Zentrieren ins Body-CSS-Tag...
Des tuts, danke
Aber was anderes:
#nav li:hover {
height: 20px;
background-image: url('images/pfeil2.gif');
background-repeat: no-repeat;
background-color: #f5f5f5;
border-bottom: 1px solid #ffffff;
padding-left: 15px;
}
#nav li a:hover {
color: #86B823;
text-decoration: none;
vertical-align: middle;
display: inline;
}
#nav li a:visited {
color: #555555;
text-decoration: none;
vertical-align: middle;
display: inline;
}
Nimmt der IE net an?
was genau nimt er nicht? (online-Beispiel?)