Page Distorted in IE

Hello all,
I have designed a website in HTML5 and CSS3 that looks great in Firefox, Chrome, and Safari but in 2 different versions of Internet Explorer that page looks all distorted.

Here are some of the problems:
The banner items are stacked on top of each-other and the background image isn't showing.
The banner has a blue border around it.
The borders on tags are showing up.
And Everything is not centered anymore.

I don't pretend to be an expert so please cut me some slack.

Thanks,

shredder2794

Light Poster

28 posts since Nov 2010

Reputation Points: 10

Solved Threads: 0

4 Months Ago

This might be old version or non-supportive IE on your system. Please see following URLs for more detail:

http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/
http://www.webresourcesdepot.com/html5-and-css3-browser-compatibility-chart/

sufyan2011

Junior Poster

166 posts since Dec 2011

Reputation Points: 9

Solved Threads: 20

3 Months Ago

IE sucks for HTML5 and CSS3 (comply to the standards, M$). For the HTML5 problem, try this:

<head>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

...
</head>

for CSS3, there are hacks out there, but they're only hacks until M$ complies with the standards. You can create a less responsive stylesheet for those on IE using normal CSS, but that's just a disjunct experience... it's definitely a problem.

mi.mac.rules

Light Poster

33 posts since Oct 2010

Reputation Points: 10

Solved Threads: 1

This article has been dead for over three months

You