Oh no that isnt it, that is just me forgetting to change the code back while i was debugging. It should be border-left-width: 3px; But that is not causing the IE bug, thanks though :)

Anyone help me with this problem?

Thank you

Josef

[EMAIL PROTECTED] wrote:
I suspect this:

margin-left-width: 3px;

^^ Is this correct?

  
Hi Everyone,

I need your help, I have been trying all day to get rid of a gap between
my DIVS, the site shows *fine in Firefox, but in Internet Explorer it
doesnt work *if you take a look at this page in IE and firefox, you will
see that  there is a white gap in IE next to the icon image:

http://www.burninthespotlight.com/cssprob/ll/p_sr.htm - Problem Page
http://www.burninthespotlight.com/cssprob/ll/css/p.css - CSS

The code giving the problem is this:

<div id="type1">
<div id="icon1"><img src="" width="40"
height="27" /></div>
<div id="hdtype1">
<div id="seeall"></div>
<div id="hdtyperight"></div>
</div>
</div>

CSS for the code:

#hdtype1 {
    height: 21px;
    background-color: #00AEEF;
    margin-left:40px;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
}
#icon1 {
    height: 27px;
    width: 40px;
    float:left;
}
#hdtyperight {
    background-image: url(../images/p/bg_type_right.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 3px;
    float: right;
}
#seeall {
    float: right;
    height: 21px;
    width: 82px;
    background-image: url(../images/p/see_all.gif);
    background-repeat: no-repeat;
    margin-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
}

I hope someone can see the issue with *Internet Explorer* here, its
driving me crazy! I tried to re-arrange the DIVS, I tried to put
margin-left:40px; on #hytype1, but whatever i try i cant seem to get rid
of that white line. The annoying thing is the design is a bit annoying,
because it has to stretch for one, and also the icons on that blue bar
protrude the edges which is also giving me problems, so i set a white
border on #hdtype1.

Thank you for your help!

-------------------------------------------------------------------------------------------------------

Josef Dunne
Web Developer

*w: *http://www.burninthespotlight.com

Get Firefox!
<http://www.spreadfirefox.com/?q=affiliates&id=10255&t=82>
-------------------------------------------------------------------------------------------------------
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
-------------------------------------------------------------------------------------------------------

    

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************


  

--
-------------------------------------------------------------------------------------------------------

Josef Dunne
Web Developer


w: http://www.burninthespotlight.com

Get Firefox!

-------------------------------------------------------------------------------------------------------
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
-------------------------------------------------------------------------------------------------------

Reply via email to