Content not centering in Internet Explorer

Alex

New Member
Hi everyone.. first post.

I'd like to know what's wrong with my code in IE. The wrapper div isn't centering as it's supposed to. My website is www.howtowritearesume.site88.net (don't be hard on me.. it's for a school project and my first website). As you can see, everything works perfectly fine in all browsers except IE; could you please verify the source code and let me know what I'm doing wrong? Oh and there's a gap between the navigation menu and text, as well as a strange border around the menu icons.

Thanks a lot
 

Alex

New Member
By the way, I've already tried

margin:0 auto
margin:0 auto 0
margin-left: (some number of pixels)
and many other combinations
 

Phreaddee

Super Moderator
Staff member
a doctype for a start will help.

also IE wont support html5 elements such as "header"

which version are you referring to as well. please be specific.
 

Alex

New Member
Funny.. I was reading someone else's post and you wrote the same thing. Turned out the only error was the DOCTYPE. Amazing.. thanks so much.

Would you mind tell me why the wrapper div still doesn't apply to the entire page though? As you may be able to see, the shadowing is slightly off because of that.

Thanks again
 

Phreaddee

Super Moderator
Staff member
Without looking at the code, its either the div doesnt fully wrap, or you havent cleared your floats.
Try adding overflow:hidden to the wrapper.
 

Alex

New Member
Wow.. thanks a lot again. And finally, what about the gap I currently have between the banner and content?
 

Phreaddee

Super Moderator
Staff member
give your header style a height value that is the same as your header image.
(159px)
that should bring down the gap.
you might want to set margin and padding to 0 as well, although it really shouldnt need it.
 

Alex

New Member
Thanks a lot once again. I'll be annoying you and others with some PHP questions later this week :)
 

PixelPusher

Super Moderator
Staff member
a doctype for a start will help.

also IE wont support html5 elements such as "header"

which version are you referring to as well. please be specific.

Unless you include some JS...like the html5shiv

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