Previous Message
Next Message

Gap appearing beneath images in Safari / Firefox

Sent by Philippe Wittenbergh on 8 October 2004 09:09


On Oct 8, 2004, at 15:30, Julian Moffatt wrote:

> Sorry if this has been covered a hundred times.
>
> http://www.visuallizard.com/temp/whitespace/test.html

404, unfortunately
>
> Can anyone tell me why Safari/Firefox is placing 4 pixels of empty 
> space after each image on my test page?
>
> Oddly enough, IE6 on the PC renders this like you would expect it to. 
> Safari (MAC) / Firefox (Mac/PC) add 4 pixels below each image. 
> However, Safari and Firefox do not add any space to the images when 
> they run horizontally. Puzzling.

Nobel guess... In Safari and Gecko browsers the images rests on the 
baseline.
Try:
selector img {vertical-align:bottom} /* or top */
or
selector img {display:block}

Philippe
--/--\--
Philippe Wittenbergh
blog : <http://emps.l-c-n.com/>
code | design | webprojects <http://www.l-c-n.com/>
IE5  Mac bugs and oddities <http://www.l-c-n.com/IE5tests/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: