Hoi! Ik had een CSS vraagje en ik hoop dat jullie mij kunnen helpen
Ik heb een divje met daarin wat divjes, dit wordt de content area.
---
<div id="main">
<div id="main-top"></div><!-- end of main-top-->
<div id="main-holder">
<div id="main-content">
Jejjajdijdiajsdijasidjasijdiasjd<br><br><br>hehehe
</div><!-- end of main-content-->
</div><!-- end of main-holder-->
<div id="main-bottom"></div><!-- end of main-bottom-->
</div><!-- end of main -->
--
De CSS die hierbij hoort is als volgt:
--
#main{
width: 999px;
padding: 0;
margin: 0 auto;
}
#main-top{
height: 22px;
width: 999px;
background: url(../images/main-top.png) no-repeat;
}
#main-holder{
background: url(../images/main-holder.png) repeat-y;
width:999px;
height: auto;
min-height:22px;
}
#main-content{
background: none;
width:auto;
margin:0 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}
#main-bottom{
height:22px;
width:999px;
background: url(../images/main-bottom.png) no-repeat;
}
--
Nu wil ik graag dat de main-holder begint bij 22px hoog, omdat de background een textuur heeft die telkens 'vol' moet zijn. Maar zodra de tekst langer wordt moet hij gaan uitbreiden, telkens per 22px..
Zodat de textuur dus altijd 'goed' blijft.. Dit heb ik met bovenstaande code al eens gedaan met gewoon een wit blok wat tot nu toe nog steeds fijn loopt, maar nu komt er iets meer bij kijken..
Kan iemand mij hiermee helpen:)?
Dankjewel! (En hopelijk ben ik duidelijk genoeg!)