ie 7 width % float left

  • padma
  • Born
  • Born
  • padma
  • Posts: 1

Post 3+ Months Ago

Hi,

below is the html

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

**************************************************************************
here is the CSS for the above htm

.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%;
}

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

I can put div inside the main div's like below

<div class="healthylifestyles">
<div style="margin-top:0px;"></div>
</div>
Attachments:
ie7.JPG

the circle gap is not

  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 76 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.