Webpage Alignment problems with Internet Explorer

waynemartin2 · 10-16-2009, 11:27 AM

Hi all, I'm new to this forum but have heard great things about it from other marketers.

Anyway, I have some web page alignment issues that are doing my head in!!

I was hoping somebody could help me out!

The problem im having is that every time I view my web pages in IE8 my page is aligned to the left but I want it to be centered in all browsers. Its fine in Firefox!

If somebody could take a look I would be very grateful.

My problem page is; EatGreatToLoseWeightDietPlan.com/slimming-dieting

I'm sure that to most of you guys this will be easy but to me its borderline Rocket Science.

Thanks in advance guys!

Wayne

Bex7175 · 10-16-2009, 11:44 AM

Hi Wayne,

Apparently this is quite a common problem in IE8 and can be solved by starting the source code of your page with a complete and valid doctype which needs to be the very first thing on the website (before the usual <html> tag). This doctype is essential for valid HTML/XHTML documents so it could be that causing the problem.

Try inserting this line of code right at the top of your source code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Hopefully that'll catch the error.

waynemartin2 · 10-16-2009, 11:57 AM

Thanks for the pointer, but unfortunately it didn't work.

My nightmare continues!!!!

Poglia · 10-16-2009, 02:16 PM

Replace this:

<body style="background-color: rgb(153, 153, 153);">
<table style="width: 760px; text-align: left; margin-left: auto; margin-right: auto;" class="border" border="0" cellpadding="0" cellspacing="0">

With this:

<body style="background-color: rgb(153, 153, 153); width: 760px; margin-left: auto; margin-right: auto;">
<table class="border" border="0" cellpadding="0" cellspacing="0">

parsfa · 10-16-2009, 02:19 PM

hi
why this problem?

Aronya · 10-16-2009, 02:22 PM

You just need to change the body tag: <body style="background-color: rgb(153, 153, 153); text-align:center;">

Poglia · 10-16-2009, 02:26 PM

Quote:

Originally Posted by Aronya

You just need to change the body tag: <body style="background-color: rgb(153, 153, 153); text-align:center;">

Using "text-align: center" on the body will not center tables. The body must have a fixed width and auto margins as I posted above.

Aronya · 10-16-2009, 02:33 PM

Works on my system.

waynemartin2 · 10-16-2009, 04:00 PM

OK, I will definitely try this and report back.

Thanks guys!

waynemartin2 · 10-16-2009, 04:11 PM

Hi guys,

Poglia, I tried what you suggested and it worked on a different web page I also had a problem with but not the the one I mentioned in this post.

Aronya, I tried your way and it works on the page I've mentioned above, Harrraaa!!

Thanks a lot guys I really appreciate your input with this, you've been a massive help.

All the best,

A now happy, wayne

10-16-2009, 11:27 AM	#1
waynemartin2 Active Warrior Join Date: Oct 2009 Posts: 34 Thanks: 14 Thanked 1 Time in 1 Post	Webpage Alignment problems with Internet Explorer Hi all, I'm new to this forum but have heard great things about it from other marketers. Anyway, I have some web page alignment issues that are doing my head in!! I was hoping somebody could help me out! The problem im having is that every time I view my web pages in IE8 my page is aligned to the left but I want it to be centered in all browsers. Its fine in Firefox! If somebody could take a look I would be very grateful. My problem page is; EatGreatToLoseWeightDietPlan.com/slimming-dieting I'm sure that to most of you guys this will be easy but to me its borderline Rocket Science. Thanks in advance guys! Wayne

10-16-2009, 11:44 AM	#2
Bex7175 Active Warrior War Room Member Join Date: Oct 2009 Posts: 34 Thanks: 0 Thanked 4 Times in 4 Posts	Re: Webpage Alignment problems with Internet Explorer Hi Wayne, Apparently this is quite a common problem in IE8 and can be solved by starting the source code of your page with a complete and valid doctype which needs to be the very first thing on the website (before the usual <html> tag). This doctype is essential for valid HTML/XHTML documents so it could be that causing the problem. Try inserting this line of code right at the top of your source code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Hopefully that'll catch the error.
	Looking for high-quality stock photos? ask4Photos.com is a stock photo gallery providing digital images of a very high standard. Visit ask4Photos.com and feast your eyes on our extensive collection of reasonably priced stock photos.

10-16-2009, 11:57 AM	#3
waynemartin2 Active Warrior Join Date: Oct 2009 Posts: 34 Thanks: 14 Thanked 1 Time in 1 Post	Re: Webpage Alignment problems with Internet Explorer Thanks for the pointer, but unfortunately it didn't work. My nightmare continues!!!!

10-16-2009, 02:16 PM	#4
Poglia The Scarecrow War Room Member Join Date: Sep 2008 Posts: 189 Thanks: 1 Thanked 15 Times in 15 Posts	Re: Webpage Alignment problems with Internet Explorer Replace this: <body style="background-color: rgb(153, 153, 153);"> <table style="width: 760px; text-align: left; margin-left: auto; margin-right: auto;" class="border" border="0" cellpadding="0" cellspacing="0"> With this: <body style="background-color: rgb(153, 153, 153); width: 760px; margin-left: auto; margin-right: auto;"> <table class="border" border="0" cellpadding="0" cellspacing="0">
	Need a webmaster to install, configure or transfer your website or blog? Click here to see what I am offering.

10-16-2009, 02:19 PM	#5
parsfa Warrior Member Join Date: Oct 2009 Posts: 5 Thanks: 0 Thanked 1 Time in 1 Post	Re: Webpage Alignment problems with Internet Explorer hi why this problem?
	parsfa.com electrical smslovetp majidonline bankelink

10-16-2009, 02:22 PM	#6
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: Webpage Alignment problems with Internet Explorer You just need to change the body tag: <body style="background-color: rgb(153, 153, 153); text-align:center;">

10-16-2009, 02:33 PM	#8
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: Webpage Alignment problems with Internet Explorer Works on my system.

10-16-2009, 04:00 PM	#9
waynemartin2 Active Warrior Join Date: Oct 2009 Posts: 34 Thanks: 14 Thanked 1 Time in 1 Post	Re: Webpage Alignment problems with Internet Explorer OK, I will definitely try this and report back. Thanks guys!

10-16-2009, 04:11 PM	#10
waynemartin2 Active Warrior Join Date: Oct 2009 Posts: 34 Thanks: 14 Thanked 1 Time in 1 Post	Re: Webpage Alignment problems with Internet Explorer Hi guys, Poglia, I tried what you suggested and it worked on a different web page I also had a problem with but not the the one I mentioned in this post. Aronya, I tried your way and it works on the page I've mentioned above, Harrraaa!! Thanks a lot guys I really appreciate your input with this, you've been a massive help. All the best, A now happy, wayne