Images display differently in IE and Firefox

almichev · 28 Aug 2009 at 16:08

Hi. Am trying to design a webpage with 3 seperate images butting together vertically to create an entire image. It displays ok in Firefox, but IE inserts a gap between each image. Is this a common problem with IE?

Tearing my hair out and hoping it's something simple.

LiE · 28 Aug 2009 at 16:09

Post your code please.

tsinc80697 · 28 Aug 2009 at 16:26

Using a reset.css?

Google Meyer reset if not

almichev · 28 Aug 2009 at 17:18

Am using some software that assists (yeh right) in building webpages. So it has templates that refer to .php files. Is the code you need to see in that?

unwashed potato! · 29 Aug 2009 at 02:24

tsinc80697 said:
Using a reset.css?

Google 'Meyer reset' if not

almichev · 29 Aug 2009 at 10:14

tsinc80697 said:
Using a reset.css?

Google Meyer reset if not

Will try that. Although have just solved it by adding <br> at the end of img lines, so no gaps in either browser now. Guess it's best to use IE when designing a site.

unwashed potato! · 29 Aug 2009 at 20:34

almichev said:
Will try that. Although have just solved it by adding <br> at the end of img lines, so no gaps in either browser now. Guess it's best to use IE when designing a site.

nope nope nope nope nope nope.

it's far easier to design a site in firefox, and then fix the few issues with a conditional statement and then fix the problem. designing for ie will result in a worse designed site and then be harder to fix when firefox doesn't like what you have done to make ie fixed.

Also adding a <br /> (not <br>) isn't a fix as this will most likely cause more issues with other browsers. Have you checked to see what it looks like in Safari/opera/chrome?

if you are just learning imo i would only worry about ie and ff, get these right you'll learn how to design "correctly" and how to fix browser issues.