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 <article> tags are showing up.
And Everything is not centered anymore.

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



5 Years
Discussion Span
Last Post by mi.mac.rules

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

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


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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.