PDA

View Full Version : Image Maps breaking layout in IE 7 / 8



frahm
Mar 14th, 2010, 04:07 AM
Hi, everyone! I'm a designer, not really a coder... as you can tell from the pages of the site in question. The site was built and sliced in photoshop and is all images... It displays perfectly in Firefox, but the background shows through in a bunch of spots when viewed in Internet Explorer 7 or 8. It seems that it happens when I place image map/hotspots on my images. Can anybody please please please help? My client is losing their mind and I've been scouring the web for a solution for hours now.

The web address is:

http://www.refsgreensboro.com

Thank you so much!

drhowarddrfine
Mar 14th, 2010, 05:12 AM
I don't have IE available to check with but you will never get that turd of a browser to attempt to perform like other far more modern browsers without a doctype. Add this to your first line and see where we stand:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Major Payne
Mar 14th, 2010, 06:57 PM
Aside from the missing doctype (http://www.w3.org/QA/2002/04/valid-dtd-list.html) missing which puts browsers into Quirks Mode (http://en.wikipedia.org/wiki/Quirks_Mode), you have 89 HTML coding errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.refsgreensboro.com%2F) which should be looked at.

frahm
Mar 14th, 2010, 08:19 PM
Thank you both very much. Doctype was the issue. Now to dive into the 8,000,000 coding errors lol... Thanks again!