Miles,

Replace your existing #content selector with the following:

#content {
        margin-left: 0;
        float : left;
        padding: 0;
        border: 1px dashed #090;
}


Slightly different way of achieving the result you're after. 

Cheers,
____________________________
James Silva
Web Production
Gruden Pty Ltd

Tel: 02 9299 9462
Fax: 02 9299 9463
Email: [EMAIL PROTECTED]
Web:   http://www.gruden.com
____________________________

> -----Original Message-----
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of Miles Tillinger
> Sent: Friday, 30 April 2004 5:13 PM
> To: [EMAIL PROTECTED]
> Subject: RE: [WSG] IE mystery whitespace
> 
> I thought i'd fixed it, however I can't work out how to get 
> the -3px going in IE.  The 3px jog is now effecting the whole 
> paragraph instead of just the lines adjacent to the floated div.
> 
> Here is a demonstration of the 3px job happening.  The indent 
> stops as soon as the left float ends.
> 
> HTML http://www.streetdaddy.com/wsg/test2.html
> CSS http://www.streetdaddy.com/wsg/domainname2.css
> 
> I've added the IE/Win specific code from 
> positioniseverything's article: 
> 
> HTML http://www.streetdaddy.com/wsg/test.html
> CSS http://www.streetdaddy.com/wsg/domainname.css
> /* Hide from IE5-mac. Only IE-win sees this. \*/
>  
> * html #sidebar-a {
>   margin-right: 10px;
>   }
>  
> * html p {
>   height: 1%;
>   margin-left: 0;
>   }
>  
> /* End hide from IE5/mac */
> 
> 
> but I can't seem to get the next step working, removing the 
> 3px gap from the entire paragraph in IE without affecting 
> other browsers.
> 
> Mt.
> 
> 
> > -----Original Message-----
> > From: James Silva [mailto:[EMAIL PROTECTED]
> > Sent: Friday, April 30, 2004 3:26 PM
> > To: [EMAIL PROTECTED]
> > Subject: RE: [WSG] IE mystery whitespace
> > 
> > 
> > I'd say its something to do with this bug...
> > 
> > http://www.positioniseverything.net/explorer/threepxtest.html
> > 
> > Cheers,
> > ____________________________
> > James Silva
> > Web Production
> > Gruden Pty Ltd
> > 
> > Tel: 02 9299 9462
> > Fax: 02 9299 9463
> > Email: [EMAIL PROTECTED]
> > Web:   http://www.gruden.com
> > ____________________________
> > 
> > 
> > > -----Original Message-----
> > > From: [EMAIL PROTECTED]
> > > [mailto:[EMAIL PROTECTED] On Behalf Of Miles Tillinger
> > > Sent: Friday, 30 April 2004 3:42 PM
> > > To: Web Standards Group (E-mail)
> > > Subject: [WSG] IE mystery whitespace
> > > 
> > > I've found a few references to mystery whitespace in IE 
> but they're 
> > > all related to space above and below elements.  I've got mystery 
> > > whitespace on the left of an element.
> > > 
> > > In exhibit A in IE, the image (blue border) has a 3px gap on the 
> > > left between it and the paragraph (red border).
> > > Firefox has no gap.
> > > 
> > > In exhibit B I've removed the left paragraph (solid grey
> > > border) and the 3px gap is gone.  I can't work out where 
> the mystery 
> > > space is coming from?  I've tried removing whitespace in the HTML 
> > > but that didn't help.
> > > 
> > > http://www.streetdaddy.com/wsg/test.html
> > > http://www.streetdaddy.com/wsg/domainname.css
> > > 
> > > Any ideas how I can get IE to play nice?
> > > 
> > > Mt.
> > > *****************************************************
> > > The discussion list for http://webstandardsgroup.org/ See 
> > > http://webstandardsgroup.org/mail/guidelines.cfm
> > > for some hints on posting to the list & getting help
> > > *****************************************************
> > > 
> > 
> > *****************************************************
> > The discussion list for http://webstandardsgroup.org/ See 
> > http://webstandardsgroup.org/mail/guidelines.cfm
> > for some hints on posting to the list & getting help
> > *****************************************************
> > 
> > 
> *****************************************************
> The discussion list for http://webstandardsgroup.org/ See 
> http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ***************************************************** 
> 

Attachment: smime.p7s
Description: S/MIME cryptographic signature

Reply via email to