Hintergrundbild im Layer

[Ariane85]

Hallo zusammen,

auf Windows (IE, FF, Opera) sieht das erstellte Werk soweit gut aus, wenn der Inhalt im #box DIV über die 100% hinauswächst wird das Hintergrundbild leider im FF und Opera nicht weiter gekachelt.

Kann mir jemand helfen?

*			{margin:0px; padding:0px;}
html,body		{margin:0px auto; padding:0px; height:100%; width:780px; background-color:#FFFFFF;}
#box			{text-align:left; margin:0px auto; height:100%; background-image:url(background.gif); background-repeat:repeat-y;}

Danke und Grüße
Ariane

[Daniel FR]

Versuchs mal mit min-height, IE behandelt das wie height.

[Ariane85]

Danke Daniel,

mit "min-height" wird das Ergebnis einmal gedreht.
IE macht zicken und FF sowie Opera kacheln das Hintergrundbild jetzt.

Ari

[Daniel FR]

Guck mal hier:
http://www.css-technik.de/details/30...owser-Bugs.htm
Vielleicht hilft dir die Seite weiter...

[webcreate]

height:100% ist eh nicht konform.

Gebe eine Mindesthöhe und Höhe an.
Bsp:
min-height:390px;
height:auto !important; /* für moderne Browser */
height:390px; /*für den IE */

daniel meinte, dass du beides einsetzen sollst:
generell:

#box {
    min-height: 100%;
}

und die extrawurst für den IE

* html #box {
    height: 100%;
}

//edit:
ichwerdaltundlangsam

[webcreate]

Zitat von ingo

ichwerdaltundlangsam

[Ariane85]

(Super-)Ingo,

herzlichen Dank, jetzt funktioniert alles einwandfrei.
Danke für die schnelle und zahlreiche Hilfe von euch.

Mal ein Lob über das Board los werden wollen.

Grüße Ariane