This is something that comes up alot for me, and Im trying to find the proper way to work
When I lay out a page, it usually has a horizontal nav bar and then below a main
#content div with two other divs contained within; #textRight, #textLeft.
I always end up setting the #content div height to a specific number, because if its set to auto itnever reads the content of the contained divs as "content" therefore they overflow and the page breaks..
How do I manage to get the #content div to recognize the content within the #textRight/#textLeft divs, so that #content accomodates and grows to the proper size?
I don't go crazy with nested divs usually, just one! or two....
simply after the right and
simply after the right and left divs place a " " without quotes in the content div.
I'll assume that the two
I'll assume that the two content divs are floating which is why they are overflowing the parent content div. Read up on containing floats but in the mean time add overflow: hidden; to #content
thanks Guru! Clearing the
Clearing the parent container with a
allows it to accept the child div's content and it then stretches to accomodate.