Kein Hintergrund im IE

Hallo,

ich habe die Seite http://johann.feldwisch.de/prior/prior.php?pageid=5 gemacht und nun ein Problem mit dem CSS. Die Seite wird sowohl im Opera sowie im Firefox richtig angezeigt. Im Internetexplorer gibt es das Problem, dass beim ersten Aufruf der Hintergrund in der Content Box nicht angezeigt wird. Sobald man sich in der Navigation bewegt tritt das Problem nicht mehr auf. Auch wenn man wieder die Startseite aufruft.

Ich wäre jedem dankbar der mir hierzu einen tipp geben kann. Ich hänge noch die CSS Datei der Seite an.

Gruß
Johann Feldwisch

/* CSS Document */
img {
border:0px;
}

a {
text-decoration: none;
border: 0px;
}

body {
font-family: arial,tahoma,verdana;
font-size: small;
overflow: auto;
background-color: #026874;
/* background-image: url(bilder/hauptseite/backtest.jpg);*/
}

#start_box {
width: 600px;
top: 50px;
position: absolute;
left: 50%;
margin-left: -300px;
}

#main_box {
width: 960px;
top: 0px;
position: absolute;
left: 50%;
margin-left: -480px;
}

#oben_box {
width: 960px;
heigh: 89px;
top: 0px;
position: absolute;
left: 50%;
margin-left: -480px;
}

#auswahl_box {
width: 176px;
top: 89px;
position: absolute;
border : 0px;
text-decoration : none;
}

#content_box {
background-image: url(bilder/hauptseite/back_hell.gif);
width:639px;
top: 127px;
position: absolute;
left: 176px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
border-top: none;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
list-style-image: url(bilder/hauptseite/dot.gif);
}

#rechts_box {
font-weight: bold;
font-size: x-small;
left: 845px;
top: 110px;
width: 115px;
position: absolute;
height: 282px;
background-image: url(bilder/hauptseite/justitia.gif);
border: 1px solid #000000;

}

#auswahl2_box {
background-image: url(bilder/hauptseite/back_hell.gif);
width: 639px;
top: 110px;
position: absolute;
left: 176px;
height: 15px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
font-size: small;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;

}

#reiter_box {
left: 176px;
top: 89px;
width: 659px;
position: absolute;
height: 22px;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
font-weight: bold;
color: #026874;
text-decoration: none;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #000000
}

Vielleicht hilft es, den einen Fehler auszumerzen:

http://jigsaw.w3.org/css-validator/validator?uri=htt…

(t bei height vergessen)

Vielleicht hilft es, den einen Fehler auszumerzen:

http://jigsaw.w3.org/css-validator/validator?uri=htt…

(t bei height vergessen)

leider nicht, alles noch unverändert

Hallo Johann,

Im Internetexplorer
gibt es das Problem, dass beim ersten Aufruf der Hintergrund
in der Content Box nicht angezeigt wird. Sobald man sich in
der Navigation bewegt tritt das Problem nicht mehr auf. Auch
wenn man wieder die Startseite aufruft.

ich kenn das Problem, kann Dir aber leider nicht exakt sagen, woran das liegt. Auf jeden Fall scheint der IE Schwierigkeiten mit der Kombination von ‚background-image‘ und ‚list-style-image‘ zu haben. Am besten wäre, die lagerst die Listenpunkt-Formatierung aus der content_box-Regel aus, z.B. so:

#content\_box ul {
 list-style-image: url(bilder/hauptseite/dot.gif);
 }

Schöne Grüße
Yasmin