RE: [WSG] Problem with CSS in Internet Explorer!

Wed, 02 Feb 2005 18:41:20 -0800

Hmmm, 3 pixels…you might want to have a read of this: http://positioniseverything.net/explorer/threepxtest.html

IE likes to place 3px of space between floated elements…who knows why!?

 

Cheers

 

Stuart

 

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joey
Sent: Thursday, February 03, 2005 4:22 AM
To: [email protected]
Subject: Re: [WSG] Problem with CSS in Internet Explorer!

 

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.

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






No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.8.2 - Release Date: 1/28/2005

Reply via email to