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.
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.