CSS: auto height on containing div, 100% height on background div inside containing div.
- by user47831
The problem, is that I have a content div which stretches its container height-wise (container and content div have auto height).
I want the background container, which is a sister div of the content div to stretch to fill the container. The background container contains divs to break the background into chunks.
The background and container divs have 100% width, the content container doesn't.
HTML:
<div id="container">
<div id="content">
Some long content here ..
</div>
<div id="backgroundContainer">
<div id="someDivToShowABackground"/>
<div id="someDivToShowAnotherBackground"/>
</div>
</div>
CSS:
#container {
height:auto;
width:100%;
}
#content {
height: auto;
width:500px;
margin-left:auto;
margin-right:auto;
}
#backgroundContainer {
height:100%;??? I want this to be the same height as container, but 100% makes it the height of the viewport.
}`
