Old 20-02-2007, 09:16   #1 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
Firefox image rendering problem

I've noticed this in numerous websites and now in one of my own i just created. In firefox sometimes images/divs dont render correctly. For example an image might appear to be sliced in half and one half wont be lined up with the other half. It'll be 1 or 2 pixels off. It also seems to affect type and borders of a div. This doesn't happen in IE. Has anyone else seen this and does anyone know of a fix or reason

Doug
  Reply With Quote
Old 20-02-2007, 09:57   #2 (permalink)
dtrenz
blam blam
 
dtrenz's Avatar
 
Join Date: Aug 2006
Location: ann arbor, mi usa
Posts: 527
Quote:
Originally Posted by dougmays
I've noticed this in numerous websites and now in one of my own i just created. In firefox sometimes images/divs dont render correctly. For example an image might appear to be sliced in half and one half wont be lined up with the other half. It'll be 1 or 2 pixels off. It also seems to affect type and borders of a div. This doesn't happen in IE. Has anyone else seen this and does anyone know of a fix or reason

Doug

a) has nothing to do with image rendering

b) more likely due to padding/margin

c) would need a screenshot/url/code to go any further
  Reply With Quote
Old 20-02-2007, 10:00   #3 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
check out this site, if you change the browser size you'll see the footer behaving in this manner

http://www.fissato.net/koldaire/newlook/newlook.html
  Reply With Quote
Old 20-02-2007, 11:13   #4 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,393
Its just you. Uninstall and reinstall FF.
__________________
unconsolidated isoparms
  Reply With Quote
Old 20-02-2007, 13:46   #5 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
no its not....a friend's computer did the same thing. i've noticed this on some wordpress sites also not just mine. maybe its a FX 2.0 bug?
  Reply With Quote
Old 20-02-2007, 14:38   #6 (permalink)
pgo
i'm done, son
 
Join Date: Jan 2005
Posts: 12,262
Can you post a screenshot? It might be happening here, but I'm not noticing it.

EDIT: Wait, the images in the footer are breaking for some reason...something strange going on with your footer code. Up the font size twice in FF2 and they realign. I bet it's related to the font-size. Maybe explicitly declare the height and width of the images in your HTML?

Why are you using absolute positioning anyway? It's totally not necessary, preventing the site from being scalable, and will probably cause you more headaches than anything else.
  Reply With Quote
Old 20-02-2007, 14:42   #7 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
  Reply With Quote
Old 20-02-2007, 14:50   #8 (permalink)
dtrenz
blam blam
 
dtrenz's Avatar
 
Join Date: Aug 2006
Location: ann arbor, mi usa
Posts: 527
why on earth would you make that footer using images? you're even using plain-text?!
  Reply With Quote
Old 20-02-2007, 15:02   #9 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
if you look at the actual link above you'll notice that the footer is not "all images". The only images in there are the 3 logos. All of the wording is text. that is why i originally posted this. for some reason firefox is rending images and text broken. now that we've gotten that straight. has anyone else seen this and know of a reason
  Reply With Quote
Old 21-02-2007, 05:55   #10 (permalink)
skyrocket
SkyRocket Design
 
skyrocket's Avatar
 
Join Date: Aug 2005
Location: Chichester
Posts: 538
Quote:
Originally Posted by dougmays
ifor some reason firefox is rending images and text broken. now that we've gotten that straight. has anyone else seen this and know of a reason

one thing i've learned about web design is if firefox is breaking a page then 999 times out of 1000 firefox will be correct. now we've gotten that straight i would guess that it is something to do with the copyright line - have you got something against using p tags? wrap it in a p tag and mark it up. it is probably been given some default padding, margin or line-height. having said all that i should say that it looks ok to me in firefox 2.0 (am i missing something?) there's no sliced images or gaps i can make out anyway
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8