Click here to Skip to main content
15,942,580 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
See more:
Hi All,

This is a CSS question in
I have a page which is surrounded by container div. This contains contenthome div, with flashhome div inside it.
Container and contenthome height property is set to auto. But when I increase flashhome height, container and contenthome height is not changed accordingly. How can I achieve autoincrease and decrease of container and contenthome heights depending on flashhome height.

#container {
    width: 750px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-color: #b7b7b7;
    border-style: solid;
#contentHome {
    width: 750px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
#flashHome {
    float: left;
    display: block;
    height: 255px;
    margin-left: 15px;
    margin-top: 5px;

Updated 21-Jul-11 18:28pm
Sergey Alexandrovich Kryukov 22-Jul-11 0:20am    
Where do you use those styles? Please make some pure HTML sample, as simple as possible using this CSS and showing the problem.

1 solution

Use overflow: auto;
Share this answer

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900