[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