Webseite

[ba-coach]

Guten Morgen allerseits,

ich bin verzweifelt, IE 8 und IE 9 ist daran schuld, dass ich jetzt erstmal in den Keller gehe.
Für eine neue Seite,

habe ich für meinen Kunden ein neues Layout entwickeln dürfen. Mich plagt dabei aber die Anordnung der Navigation auf der linken Seite, im Firefox und IE 7 ist alles gut, bei den anderen beiden Kandidaten verschiebt sich die Navigation weit nach rechts und nimmt zudem die Grafik "Startseite" mit, warum auch immer.

Habt ihr eine Idee?
Gruß und Dank
Sebastian

Hier mal das CSS dafür:

* {
margin: 0;
padding: 0;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-image: url("site_bg01.jpg");
background-repeat:repeat-x;
background-position: top center;
}

h2 {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
padding-top: 6px;
font-family:"Trebuchet MS";
font-size: 16px;
color: #51076d;
}

h3 {
margin: 0px;
padding: 0px;
padding-top: 18px;
padding-bottom: 6px;
font-family:"Trebuchet MS";
font-size:14px;
color: #51076d;
font-weight: bold;
}

#wrap {
width: 970px;
margin-left: auto;
margin-right: auto;
}
#header_logos {
height: 84px;
background-image: url(image/header_logos.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header_image {
height: 305px;
background-image: url(image/header_image.jpg);
background-position: top;
background-repeat: no-repeat;
}
#zusatzinfo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
letter-spacing: -1px;
padding-left: 700px;
padding-top: 10px;
}
#branding {
height: 43px;
padding-left: 402px;
padding-top: 42px;
}
#category {
padding-left: 395px;
padding-top: 12px;
}
#category a {
text-decoration:none;
}
#breadcrumb{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
padding-left: 412px;
padding-top: 20px;
}
#container {
width: 970px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
}
#sidebar {
float: left;
width: 168px;
height: 32px;
margin-left: 215px;
background-image: url(images/pic_start.jpg);
background-position: top;
background-repeat: no-repeat;
}
#navigation {
padding-top: 32px;
}
#content {
float: right;
width: 480px;
margin-right: 80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 1.3em;
}

ul {
overflow: hidden;
float: left;
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 166px;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
}
ul li {
float:left;
list-style: none;
border-bottom: 1px solid #EAEAEA;
line-height: 1.4em;
}
ul li a {
display: block;
text-decoration: none;
text-align: left;
width: 150px;
padding-left: 18px;
font-family: Verdana, Arial;
font-size: 11px;
color: #757575;
text-decoration: none;
}
ul li a:hover {
background-color: #EBEBEB;
color: #51076D;
}

[Ruediger.Nitzsche]

Ich hab den Beitrag mal ins passende Forum verschoben.

Rüdiger

[ba-coach]

Sorry, das hatte ich nicht gesehen, danke.

[Ingo]

Deine Brotkrümel sind fehlerhaft, da schliesst ein <a> nicht richtig. Vielleicht ist es das schon. Grundsätzlich solltest du zusehen, dass dein Markup halbwegs fehlerfrei ist: http://validator.w3.org/

[ba-coach]

Vielen Dank, die waren es. Und nun passt es in allen Browsern. Valide ist es nun auch.
http://validator.w3.org/check?uri=http% ... ne&group=0

Gruß und Dank
Sebastian