Hello! I am trying to nest 3 divs with flexible heights (#left-#forum-#right) in a wrapper. Unfortunately, the third div (#right) starts below the 2nd div (#forum). Could anybody point me to my problem? Thank you!
div#wrapper{
float:left;
width:946px;
min-height: 600px;
border-left-color: #CCCCCC;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #CCCCCC;
border-right-style: solid;
border-right-width: 2px;
display: inline;
}
div#forum{
width:465px;
margin-left: 300px;
border-left-color: #CCCCCC;
border-right-color: #CCCCCC;
border-left-style: solid;
border-right-style: solid;
padding-right: 2px;
padding-left: 0px;
border-right-width: 1px;
border-left-width: 1px;
}
div#forum p{line-height:.8}
div#left{
float:left;
width:285px;
margin-left:0 px;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
background:#FFF;
}
div#right{
float:left;
width:160px;
margin-left: 774px;
padding-top: 4px;
padding-left: 2px;
padding-right: 2px;
background:#FFF;
}
I am sorry! I found the mistake.
Please, disregard this post! Problem solved.