troubleshooting Question

Font and element sizes in Internet Explorer using CSS

Avatar of Brad Bansner
Brad Bansner asked on
Web DevelopmentCSS
9 Comments1 Solution491 ViewsLast Modified:
This is my test site:
http://secure.bbdesign.com/cup-caddy

I built the site on a Mac and mostly tested with Safari. Firefox and Chrome look virtually identical. When I load the same website in Internet Explorer, everything is a mess (see two attached screenshots for comparison).

It appears the problem is mostly fonts and font sizes. But a small difference in font size can easily cause the whole layout to distort.

For Windows and Internet Explorer, I have a VirtualBox installation of Windows 7. This problem is so bad, I'm wondering if what I am seeing is really what Windows/IE users are seeing. I believe its IE 10 that is installed.

I've been building websites for 15 years, I am not new to this. But I still don't understand how IE can be this far off.

If I change my font sizes so that the layout works in IE, then everything looks ridiculously small in all the other browsers. I can't possibly be the only one trying to deal with these issues... how are others handling it?

Do I need a media query or something for the IE browser? Is there even such a thing?

Any insight or advice would be greatly appreciated.

Thanks!
1.jpg
2.jpg
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 9 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 9 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros