CODEWITHSUNDEEP
htmlcssinternet-explorer
thatidiotguy
thatidiotguy

Reputation: 8991

IE8 Layout Errors with Current CSS

So my website is located at but right now it is not displaying properly in IE8. I have added the following css where I used to have display:inline-block to try and compensate but it is not working:

display:inline-block;
*display:inline;
*zoom:1;

Is there a quick hack to get my items to comply, or am I going to have to completely redo the style with float?

Does IE8 not respond to css on HTML5 elements like section,article, and nav?

Upvotes: 0

Views: 688

Answers (2)

andrewk
andrewk

Reputation: 3871

It seems that you are using html5 elements and in your css you are calling them as ex.

header div#header_left {float: left; width: 350px;} and so on. IE8 does not recognize these tags for the most part.

When I inspected the elements, what I saw was this. enter image description here

AS you can tell, IE8 is not even recognizing your css.

Suggestion: Use divs or get IE to recognize the tags (several answers here that show you how).

Upvotes: 1

raykendo
raykendo

Reputation: 640

After looking it up, I found that a lot of your HTML5 tags don't work well in IE 8. There's a simple way to shim IE8 so it recognizes those tags. You basically have short script that runs document.createElement on all the html5 tags you want to use.

Here's a link for the script and the css that goes with it.

http://www.nickyeoman.com/blog/html/118-html5-tags-in-ie8

Upvotes: 0

Related Questions