Forum Moderators: not2easy

Message Too Old, No Replies

FireFox CSS: border and air around Images

Images showing either a border-not filling area with w,h specified

         

rainbwRider

7:27 pm on Mar 14, 2009 (gmt 0)

10+ Year Member



My doc type: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Running Firefox 3.0.6
Problem: I am using css 2.0 and inline images (both) inside a table for positioning and display. The images appear to have a small border on just the sections that touch other table cells or have a 1px space showing. I have tested compliancy with "standard" and "Quirk" rendering modes but still having the issue no matter what I specify. I have also called out a vertical-align:bottom; border:0px;margin:0px padding:0px in my styles for Mozilla to eliminate the baseline positioning issue but still see the borders and spaces. I have called out the exact height and width for the images inline and on css to see if either would fix the issue.

Heres the real kicker, I have had others look at the test site and they do not see the same problem. Everything looks fine, as it should. We are all operating the same version, and have not modified the browser at all from initial install. Thoughts?
Thank you.

swa66

12:25 am on Mar 15, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Current browser (should) implement CSS2.1 and while some don't even fully comply with CSS 1, some already implement CSS 3 features.

You cannot specify what CSS version you use ...

images are by default inline elements. They sit on the text line (even if there is no other text) and hence leave space of descenders of characters to extend below them (ygpq ...). Maybe that's what you see ...

I'd try to set them to "display: block"

rainbwRider

12:38 am on Mar 15, 2009 (gmt 0)

10+ Year Member



Thanks for the reply. Gottcha about the versions. I did try the display:block; and the border is still there. The puzzling thing is that I can view the page using the same browser version on one computer, and see borders, then look on another computer, same config, etc and not see them. Which makes me wonder about being a system issue? thoughts?
thanks much
csm