In firefox and ie8 the middle div is ignoring the width when there is not content.
Please help me fix it to work the same way for ie7 also
I cannot remove the width for the main 3 div's
here is the CSS for the above htm
I can put div inside the main div's like below:
Please help me fix it to work the same way for ie7 also
I cannot remove the width for the main 3 div's
Code:
**************************************************************************
<head>
<title>Untitled Page</title>
<link href="ie7.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="divfloatLeft" id="maincontentrow1">
<div class="healthrisk">
healthrisk
</div>
<div class="healthylifestyles">
</div>
<div class="regioncontent">
regioncontent goes here
</div>
</div>
</body>
</html>
**************************************************************************
Code:
.healthrisk
{
width:27%;
padding-right:20px;
float:left;
}
.healthylifestyles
{
width:40%;
padding-right:20px;
float:left;
position:inherit;
}
.regioncontent
{
width:27%;
float:left;
}
.divfloatLeft
{
float:left;
display:inline;
}
#maincontentrow1
{
width:100%;
}
Code:
<div class="healthylifestyles">
<div style="margin-top:0px;"></div>
</div>
Comment