ie 7 width % float left
- padma
- Born
- Joined: May 20, 2010
- Posts: 1
- Status: Offline
May 20th, 2010, 11:56 am
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>
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:
the circle gap is not
- Anonymous
- Bot
- Joined: 25 Feb 2008
- Posts: ?
- Loc: Ozzuland
- Status: Online
May 20th, 2010, 11:56 am
Page 1 of 1
To Reply to this topic you need to LOGIN or REGISTER. It is free.
Post Information
- Total Posts in this topic: 1 post
- Users browsing this forum: No registered users and 79 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
