I coded the main page of the website I am working on. However, the height of the container is not expanding to accommodate the height of the boxes. Link http://bit.ly/acnOY7
your website source shows there are two html closing tags , please delete one , that might do the trick , coz coding as per me is right , there must be a error because of the extra html tag , delete it and tell me
Didn't notice that extra tag. Removed the tag but the container is still not stretching beyond the sider bar box.
Parent elements are never to expand to contain floated elements. This is by design. There are a few different ways to get it to expand, however. Google for 'clear floats'. For now, you can add 'overflow:auto' to #container.
How about this, <html> <head></head> <body> <div id="container"> <div id="header"> </div> <div id="bodycontent"> <div id="left"> </div> <div id="right"> </div> </div> </div> </body> </html> HTML: try that arrangement.
Thanks! 'overflow:auto;' worked! I read somewhere that it is within specifications of CSS on this matter but the article is a couple of years old. Looks like it is still an ongoing issue.
It is not an "issue" at all. This behavior is intentional and will never change. It's origins are in SGML and electronic publishing.