Update: Fixed it by removing unnecessary height values
Block refusing to expand vertically with more content and just overflows. Don't know why it's happening. Please help.
The problem I think area is under
#maincontentbox
Tried height:auto; which works for the banner/city photo image but just messes up things for the lower portion. When I change the height say, 500px everything moves according to position min-height didn't work either.
Code:/* --- General Settings ---*/ * { margin:0px; padding:0px; } body { background-color: #000916; margin-top:0; } html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset { border:0px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; } /* --- Layout --- */ #maincontainer { background-color:#000916; margin:0 auto; text-align:left; height:auto; width:1024px; } #maincontainer2 { height:auto; width:1024px; } #headerbox { background-image:url(../images/tfh_header_bg.png); background-repeat:no-repeat; height:173px; width:1024px; } #logobox { height:173px; width:270px; float:left; } #searchlangbox { height:143px; width:754px; float:left; } #menubox { height:30px; width:754px; float:left; } #bannerbox { height:auto; width:1024px; } #maincontentbox { background-image:url(../images/tfh_grad_border_3px.png); background-position:right top; background-repeat:no-repeat; height:500px; width:1024px; } #searchcontainer { height:355px; width:454px; float:left; } #searchbanner { height:22px; width:454px; float:left; margin-left:22px; margin-top:25px; } #searchbox { background-image:url(../images/search_bg.png); height:255px; width:410px; float:none; margin-top:66px; margin-left:22px; margin-right:22px; } #searchboxA { width:208px; height:255px; float:left; } #searchboxB { width:198px; height:255px; float:right; } #searchspace { height:16px; width:198px; float:left; margin-left:22px; } #contentbox { background-image:url(../images/tfh_vert_border.png); background-position:left; background-repeat:no-repeat; height:355px; width:570px; float:right; } #contentbanner { height:22px; width:548px; float:left; margin-left:22px; margin-top:25px; } #contentspace { height:16px; width:548px; float:left; margin-left:22px; } #contentbody { height:285px; width:526px; float:left; margin-left:22px; margin-right:22px; } #bottomnav { background-image:url(../images/tfh_grad_border.png); background-position:right top; background-repeat:no-repeat; height:40px; width:1024px; }



Reply With Quote
Bookmarks