[thelist] CSS Image Spacing in IE/Firefox

Subs@firstlineinteractive.co.uk subs at firstlineinteractive.co.uk
Wed Aug 4 18:48:26 CDT 2004


> -----Original Message-----
> From: Richard Davey [mailto:rich at launchcode.co.uk] 
> Sent: 04 August 2004 23:36
> To: thelist at lists.evolt.org
> Subject: [thelist] CSS Image Spacing in IE/Firefox
> 
> Hi,
> 
> In an XHTML 1.0 Transitional document, the following will 
> align two images next to each other:
> 
> <div id="header">
>         <div class="header_image"><img 
> src="images/bfc_logo.gif" width="212" height="99" alt="" /></div>
>         <div class="header_image"><img 
> src="images/header_1.jpg" width="389" height="99" alt="" 
> /></div> </div>
> 
> Except there is a small (few pixels) gap between the images. 
> If I remove the carriage-return and tabs between the two 
> image DIV tags then the gap disappears.
> 
Hi Richard,

Been lurking for a while, this is my first post and its late and I could
be wrong!   

Browsers sometime picks up white space between elements and render it
like it was line breaks! Nuisance factor 100 on a scale of 1-10 when it
happens!  Best solution take out the carriage return as you did - not so
neat code but neat page to view!  Someone else might have a better
explanation?? 


Regards,

Sue.




More information about the thelist mailing list