Content not centering in Internet Explorer

Alex · 12-05-2011, 05:29 AM

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 · 12-05-2011, 05:32 AM

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** · 12-05-2011, 06:01 AM

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 · 12-05-2011, 06:24 AM

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** · 12-05-2011, 06:48 AM

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 · 12-05-2011, 09:35 PM

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

**Phreaddee** · 12-06-2011, 01:52 AM

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 · 12-06-2011, 02:21 AM

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

**PixelPusher** · 12-06-2011, 04:38 PM

Quote:

Originally Posted by Phreaddee

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 Code:

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

**Phreaddee** · 12-06-2011, 08:33 PM

I knew that pixel!
Just didnt want to fill his head any further...

12-05-2011, 05:29 AM	#1
Alex New Member Join Date: Dec 2011 Posts: 15	Content not centering in Internet Explorer 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

12-06-2011, 08:33 PM	#10
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,818	I knew that pixel! Just didnt want to fill his head any further... PixelPusher likes this.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

12-05-2011, 05:32 AM	#2
Alex New Member Join Date: Dec 2011 Posts: 15	By the way, I've already tried margin:0 auto margin:0 auto 0 margin-left: (some number of pixels) and many other combinations

12-05-2011, 06:01 AM	#3
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,818	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.

12-05-2011, 06:24 AM	#4
Alex New Member Join Date: Dec 2011 Posts: 15	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

12-05-2011, 06:48 AM	#5
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,818	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.

12-05-2011, 09:35 PM	#6
Alex New Member Join Date: Dec 2011 Posts: 15	Wow.. thanks a lot again. And finally, what about the gap I currently have between the banner and content?

12-06-2011, 01:52 AM	#7
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,818	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.

12-06-2011, 02:21 AM	#8
Alex New Member Join Date: Dec 2011 Posts: 15	Thanks a lot once again. I'll be annoying you and others with some PHP questions later this week