✔ Probleme mit Höhe bei background-image bzw. background-repeat

Status
Nicht offen für weitere Antworten.
E

Emu-Emsen

Mitglied
Hallo Leute,

ich habe folg. CSS-Design erstellt. Der Schatten rechts und links am Seitenrand soll ich über die gesamte Höhe der Seite erstrecken, also 100%

HTML: 
<body style="background-color: rgb(179, 161, 129); padding: 0px; margin: 0px; ">

<div align="center">

<div style="width: 1005px;">

<div style="float:left; background-image:url(schatten_rand_links.gif); width: 10px; height: 100%"></div>
<div style="float:left;">
<div style="width: 975px;"><img src="moped2.jpg" border="0" /></div>
</div>
<div style="float:left; background-image:url(schatten_rand_rechts.gif); width: 10px; height: 100%"></div>

</div>

</div>
Leider gibt es in IE 6 Probleme mit der Darstellung. In IE 6 ist das Bild (Originalhöhe: 1px) nur ein Stück zusehen, wobei es sich im FireFox wie gewünscht über die gesamte Seite erstreckt.

Ich habe es auch schon mit background-repeat:repeat-y; probiert, aber das klappt auch nicht, genau das selbe Problem.

Wie kann ich erreichen, dass es in beiden Browsern so dargesellt wird, wie ich möchte? :confused:

Danke!
 
Zuletzt bearbeitet:
Vermutlich fehlt noch diese CSS-Regel:

Code: 
<style type="text/css">
<!--
html, body {
height: 100%;
}
-->
</style>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück