I've done some searching to try to figure this out and I'm still not getting this. Basically, what I have is this:
Code:
<body>
<div id="container1">
<!-- Some other divs floating left -->
<!-- End of some other divs floating left -->
<!-- container2 is floating right -->
<div id="container2">
<div id="container3">
</div>
</div>
</div>
</body>
What I need is container2 and container3 to be 100% height because container3 has a background color that I'd like to use.
So basically, I'm asking how to achieve this? Is it required for me to set html's height as 100% even though I don't want container1's height to be 100%?
I'm attaching an image to explain this better...