Hallo,
ich habe ein Problem mit dem Hintergrund von zwei div. Normal sind diese mindestens 550px hoch. Beide haben ein Hintergrundbild das mit repeat-y wiederholt wird. Funktioniert auch wunderbar
Doch sobald die div's wachsen, hört der zugewiesene Hintergrund bei 550px auf.
Hier mal ein Auszug aus meiner css datei und das allgemeine Konstrukt:
die Positionen passen alle. Nur habe ich das Problem, dass der Content zum Teil länger wird als 550px. Eigentlich sollte das ja kein Problem sein, aber meine divs left und right wachsen nicht mit und dem entsprechend wird alles rechts und links vom content, unterhalb 550px nicht mit einem Hintergrundbild, sondern weiß angezeigt.
Kann mir jemand von euch bitte sagen was ich falsch mache?
Vielen Dank,
Gruß waldjunge
ich habe ein Problem mit dem Hintergrund von zwei div. Normal sind diese mindestens 550px hoch. Beide haben ein Hintergrundbild das mit repeat-y wiederholt wird. Funktioniert auch wunderbar
Doch sobald die div's wachsen, hört der zugewiesene Hintergrund bei 550px auf.
Hier mal ein Auszug aus meiner css datei und das allgemeine Konstrukt:
HTML:
<body>
<div id="container">
<div id="banner" ></div>
<div id="left"></div>
<div id="right"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
Code:
#container {
width: 900px;
border:1px solid #000000;
margin-bottom: 20px;
margin:0 auto;
background-color: #ffffff;
height:100%;
}
#banner {
/* e1ddd9 */
background-image: url(/pics/header.jpg);
height:150px;
text-align: center;
padding: 0px;
margin: 0px;
}
#content {
background-color: #ffffff;
height:100%;
padding: 0;
margin: 0px 186px 0 186px;
}
#left {
float: left;
width: 186px;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url(/pics/menu/menufinalMO_50.gif);
background-repeat:repeat-y;
min-height:550px;
height:expression(this.scrollHeight > 550? "auto":"550px")
}
#right {
float: right;
width: 186px;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url(/pics/menu/menufinalMO_51.gif);
background-repeat:repeat-y;
min-height:550px;
height:expression(this.scrollHeight > 550? "auto":"550px")
}die Positionen passen alle. Nur habe ich das Problem, dass der Content zum Teil länger wird als 550px. Eigentlich sollte das ja kein Problem sein, aber meine divs left und right wachsen nicht mit und dem entsprechend wird alles rechts und links vom content, unterhalb 550px nicht mit einem Hintergrundbild, sondern weiß angezeigt.
Kann mir jemand von euch bitte sagen was ich falsch mache?
Vielen Dank,
Gruß waldjunge
