Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE bug extra character

Status
Not open for further replies.

dee2005

Programmer
Sep 11, 2005
29
GB
Hi,

As anyone come across and fixed a bug that IE produces. When you have 2 floating element left and right (side by side) at the bottom of the div, only in IE it produces a extra character
 
I think it is diffcult to understand from just the code and cna;t provide a link
css:
#lottoslipFooter{
float:right;
width:318px;
height:8em;
padding-bottom:8px;
background-color:#FE0000;
border:0px solid black;
}

#play{float:right; width:147px; padding:3px 0 0 0; border:1px solid lime;}
#totalAmount{float:right; padding-bottom:10px; margin:0; font-size:160%; color:#FFFFFF;}
#playnowBtn{float:right; margin:0 0 0 -3px;}

#chooseContainer{
float:left;
width:159px;
padding:3px 0 0 8px;
font-size:95%;
/* \*/font-size:90%; /* hides from ie mac */
font-weight:bold;
border:1px solid lime;
}

#choosedraws, #chooseweeks{
float:left;
width:159px;
padding:0;
margin:0 -3px 0 0;
background-color:#FE0005;
}

#noOfdays, #noOfweeks {
float:left;
color:#FFFFFF;
margin:0 -3px 0 0;
background-color:#FE0005;
}

xhtml
<div id="play">
<span id="totalAmount">Total <strong>&pound;0</strong></span>
<div id="playnowBtn"><a href="#"><img src="player/i/playnow.gif" alt="Play now" /></a></div>
</div>
<div id="chooseContainer">
<div id="choosedraws">
<span id="noOfdays">Choose draws
<select name="daysOfWeek">
<option value="_______">Please Select</option>
<option value="__W____">Wednesday</option>
</select>
</span>
</div>
<div id="chooseweeks">
<span id="noOfweeks">Choose number of weeks
<select name="numberOfWeeks">
<option value="0" selected="selected">Please Select</option>
<option value="1">1</option></select>
</span>
</div>
</div>
</div>
<!-- lottofooter ends -->

the main problem is in IE6 duplicates an extra character, tried many suggestion such as margin-right:-3px does not work.

Denise
 
hey ChrisHirst

I tried your second link to make any impact on the bug

denise
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top