CODEWITHSUNDEEP
htmlcssinternet-explorer-9
Aves Liaw
Aves Liaw

Reputation: 95

IE 9 page does not center

Page works fine in chrome, and IE 9 compatibility mode but not in actual IE 9 mode. The page is supposed to be centered. Site

What am I missing here?

Upvotes: 2

Views: 985

Answers (2)

Jason Gennaro
Jason Gennaro

Reputation: 34853

It's your .clearfix and .clearfix::after styles.

When I remove those, it works fine.

Upvotes: 1

Twoquestions
Twoquestions

Reputation: 488

At the top of your main page, there's a css style defined inline on lines 100-108:

    <!--[if gte IE 7.0]>

    <style type="text/css">

    .clearfix {display: inline-block;}

    </style>

    <![endif]-->

Those conditional comments will turn your clearfix classed elements from display:block; to display:inline-block; on IE 8 and 9. If you check it in IE7, they center just fine.

Just get rid of these lines, and you'll be up and running.

Upvotes: 2

Related Questions