Click to See Complete Forum and Search --> : DIV width...please help


alexthecatta
02-19-2006, 11:02 AM
Guys please help, I'm going crazy :(

I have the following structure

<div id="divMain">
<div id="divHeader"></div>
<div id="divBreadcrumb"></div>
<div id="divLeft"></div>
<div id="divCenter">
<div id="divRight"></div>
<div id="divCont"></div>
</div>
<div id="divClear"></div>
<div id="divFooter"></div>
</div>

the prob is with divLeft, divCenter, divRight and divCont. I wanna them to stay side by side with divCenter that works only as a container for the others two DIV.

Here i have the CSS code for these DIVs
#divLeft {
height:454px;
float:left;
width:200px;
margin-left:10px;
margin-right:10px;
margin-top:2px;
margin-bottom:2px;
padding-top:10px;
padding-left:10px;
border-right-style:double;
border-right-color:#000000;
border-right-width:1px;
z-index:999;
}
#divRight {
float:right;
width:6px;
height:470px;
background-image:url(../img/jpg/onepix_dx.jpg);
background-repeat:repeat-y;
background-position:right;
}
#divCenter {
position:relative;
margin-left:220px;
height:460px;
width:660px;
z-index:1;
}
#divCont {
position:relative;
width:auto;
margin-right:6px;
height:420px;
padding-left:20px;
padding-top:50px;
background-image:url(../img/jpg/background.jpg);
background-repeat:no-repeat;
background-position:right;
background-position:bottom;
}

With FF everything is OK, with IE the divCenter drop down and apperas right after divLeft.

I've tried everything, but nothing seems to work, what's wrong?!?!? please help!

I enclose the page and the CSS file.
thanks IA.

Gaurav Khanna
02-22-2006, 05:22 AM
Hi the problem is in your css #divcenter style it should have the width of 600px instead of 660 px then u r both other divs that #divright, #divcont will come are at the same level.
code below just copy and paste it in u r generale css
--------------------------------
#divCenter {
position:relative;
margin-left:220px;
height:460px;
width:600px;
z-index:1;
----------------------------------