CODEWITHSUNDEEP
htmlcssxhtml
Dan Graves
Dan Graves

Reputation: 357

Some of my pages look messed up in IE

I have been building this site and I am getting close to finishing. So I decided to check it in IE and Firefox (I use Chrome) The site looks great in Chrome and FireFox but some of the pages are messed up in Internet Explorer!

What would cause this?? I know I've heard people say IE is always glitchy but most people use IE and I am getting paid to make a site for the masses.

Some one Please Help!!

here is the test link: http://graves-incorporated.com/test_sites/solera_new/index.html

Upvotes: 1

Views: 2771

Answers (5)

Jeroen
Jeroen

Reputation: 63739

Adding this:

<!doctype html>

To the top of your document will help IE render in the best possible document mode. Additionally, you can add this meta tag to your head section:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

This will make IE7, 8, and 9 render the site in the most modern rendering engine it has available.

IE6 is a different story altogether, if you want to support it fully be prepared for many hours of tweaking :D. If you want to dive even deeper I can recommend having a look at these two sites as well:

Upvotes: 1

Fermin
Fermin

Reputation: 36081

Various browsers have various rendering engines and rules. This can cause the same markup to be rendered differently in different browsers.

I would recommend specifying a DOCTYPE as it looks like you've not added one, this will prevent IE rendering in quirks mode.

Other guidelines are to use clean semantic markup and style using CSS only.

And regularly check your site in other browsers!

Upvotes: 3

huMpty duMpty
huMpty duMpty

Reputation: 14460

Probably you will need to use different stylesheets for those browsers which have problems.

Please read this article about How to Use Different CSS Style Sheets For Different Browsers

Hope this help

Upvotes: 0

Abhinav Pandey
Abhinav Pandey

Reputation: 499

Just add a Doctype. IE renders the site in Quirks mode due to no DOCTYPE declaration. Rest everything seems ok when viewed in IE 7,8,9 mode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" dir="ltr" lang="en-US">

Upvotes: 2

Saladin Akara
Saladin Akara

Reputation: 2548

I've just checked the link in IE8 and I can't see any obvious 'mess ups'. If you're designing for earlier versions of IE, then you need to remember that not all CSS properties work in IE, or not in the same way as other browsers.

This link gives a detailed list of the supported CSS functions for each version of IE.

It is also worth taking a look at progressive enhancement when designing your websites.

Obviously, without more detail from you, it is very hard to give a specific answer (take a look at the FAQ for future questions) but you should be able to go on in the right direction now.

Upvotes: 0

Related Questions