views:

100

answers:

2

When I load my page in Safari and Firefox, even my ipod touch which is a variant of Safari it loads perfect. When I use any version 6, 7, or 8 of internet explorer problems arise. Basically, in IE 6 or 7 the banner ads look messed up, and the amazon code which is books go off the screen. In IE 8 everything is fine except the books from amazon. Every post with amazon books if there is more than 3 books in a post, it runs off the page and into the rest of the website, which looks terrible. I can't figure out how to get it view like it does on Firefox or Safari. If there isn't enough space, it should default to the next line but in IE it isn't. Please advise what I can do to get my site to look right.

+2  A: 

One of the main issues with IE web dev is the hasLayout flag. Anytime you have an element that looks broken in IE, try the following in that element's CSS:

.broken-element {
    zoom: 1;
}

The zoom property will trigger the hasLayout flag and often make IE render it properly.

Pat