...

View Full Version : Problems in IE about CSS



razibul
05-17-2008, 02:25 PM
Hi everybody, i faced a problem of my web page in CSS. it works nice in Firefox, Opera but in IE 6 it repeats the image in right side(css code inside <div id="ten_total">). if i use no-repeat then no image is displayed. here is the code i have written ::

HTML code:
<table>
<td>

<div class="floatleft">
<div class="clearboth">
<div id="left_round"></div>
<div id="round_bg">
<table cellpadding="0" cellspacing="0" style="margin-top:5px;">
<tr>
<td width="35" class="image_align"><img src="../../../images/detailEx/D009.gif" width="24" height="24"></td>
<td width="50"><img src="../../../images/detailEx/D001-b.gif" width="48" height="69"></td>
<td width="17"></td>
<td width="25" class="image_align_middle"><img src="../../../images/detailEx/D009-b.gif" width="25" height="17"></td>
<td width="30"></td>
<td width="66"><img src="../../../images/detailEx/D006-b.gif" width="66" height="70"></td>
<td width="30"></td>
<td width="44" class="image_align_middle"><img src="../../../images/detailEx/D009-b.gif" width="25" height="17"></td>
<td width="25" class="image_align_middle"><img src="../../../images/detailEx/D009-d.gif" width="25" height="17"></td>
<td width="15"></td>
<td width="69"><img src="../../../images/detailEx/D006-c.gif" width="69" height="70"></td>
<td width="21"></td>
<td width="28" class="image_align_middle"><img src="../../../images/detailEx/D009-d.gif" width="25" height="17"></td>
<td width="51"></td>
<td width="84"><img src="../../../images/detailEx/D009-c.gif" width="39" height="59"></td>
<td width="4"></td>
</tr>
<tr>
<td colspan="16" class="txt_align">
You express an interest to contact the other submitter
</td>
</tr>
</table>
</div>
<div id="right_round"></div>
</div>

<div class="clearboth">
<div id ="ten_left"></div>
<div id="ten_bg">
<div class="txt_align10">The other submitters agrees to contact you</div>
</div>
</div>
</div>

<div class="floatleft">
<div id="ten_total">
<div style="margin:20px">
<img id="img10" src="../../../images/detailEx/D010.gif"/>
<img id="img10b" src="../../../images/detailEx/D010-b.gif"/>
</div>
</div>
</div>
</td>
</table>



Here is the CSS code::


.floatleft{
float:left;
}
.clearboth{
clear:both;
}
.scheme1 #left_round{
float:left;
background-image:url(images/left_round_new.gif);
height:98px; width:10px;
}
.scheme1 #round_bg{
float:left;
background-image:url(images/round_bg.gif);
height:98px;
width:542px; /*/// 550 prev 575 /*/
}
.scheme1 #right_round{
float:left;
background-image:url(images/right_round2.gif);
height:98px;
width:20px;
}
.scheme1 #ten_left{
float:left;
background-image:url(images/10_left2.gif);
height:40px;
width:10px;
margin-top:15px;
margin-left:50px; /*////prev 80 /////*/
}
.scheme1 #ten_bg{
float:left;
background-image:url(images/10_bg1.gif);
height:40px;
width:512px; /*//// 512 prev 515 ////*/
margin-top:15px;
}
.scheme1 #ten_total{
background-image:url(images/10_total2.gif);
height:131px; width:120px;
margin-top:28px;
}
.scheme1 #img10{
width: 24px;
height: 24px;
margin-top:18px;
margin-left:66px;
}
.scheme1 #img10b{
width: 102px;
height: 50px;
margin-top:8px;
margin-left: -9px;
}
.scheme1 .image_align{
vertical-align:top;
}
.scheme1 .image_align_middle{
vertical-align:middle;
}
.scheme1 .txt_align{
text-align:center;
color:#006600;
}

abduraooft
05-17-2008, 02:39 PM
if i use no-repeat then no image is displayed.

.scheme1 #ten_total{
background-image:url(images/10_total2.gif);
height:131px; width:120px;
margin-top:28px;
}

How did you use no-repeat? I guess, it might be with background-image: property
Try it like
.scheme1 #ten_total{
background:url(images/10_total2.gif) no-repeat;
height:131px; width:120px;
margin-top:28px;
}

PS: A link to your page is needed to see the actual probem.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum