Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Location
    Dhaka, Bangladesh
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Problems in IE about CSS

    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;
    }
    Attached Files Attached Files

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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
    Code:
    .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.
    Last edited by abduraooft; 05-18-2008 at 12:39 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    razibul (05-18-2008)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •