Web Designers Help!

Chri5123 · 10-21-2008, 09:40 AM

Hi Guys,

I am looking for some help with the HTML of my website.

It is probably very simple, anyway the problem is that when you load my site in firefox it is fine.

However when you load it up in IE the bottom table appears to the left.

Why is this happening when it is meant to be centered!

Here is the site link (not finished yet)

http://www.unleashwordpress.com/test2.htm

Thanks for any help in advance.

All the best

Chris

10-21-2008, 09:44 AM

Chris,
That is probably IE issue .. Netscape, Safari, FireFox look the same to me...

Maybe we should get together on our WordPress Products .. huh ?

Edited to Add: What are you using for your HTML editor, the code is real sloppy...

James

Bishop81 · 10-21-2008, 09:47 AM

Just put <center> </center> tags around your table and it should resolve the issue.

Chri5123 · 10-21-2008, 09:49 AM

Quote:

Originally Posted by TheRichJerksNet

Chris,
That is probably IE issue .. Netscape, Safari, FireFox look the same to me...

Maybe we should get together on our WordPress Products .. huh ?

Edited to Add: What are you using for your HTML editor, the code is real sloppy...

James

Hi James

Thanks for your help.

I am using NVU whichh I know is as old as the dinosaurs and just as extinct but it has always been fine for what I need it for.

Is there anything i can do to recentre the table?

Also send me a PM with what you had in mind with the product I would be interested.

All the best

Chris

Chri5123 · 10-21-2008, 09:53 AM

Quote:

Originally Posted by Bishop81

Just put <center> </center> tags around your table and it should resolve the issue.

Cheers Bishop, that did the job!

Thank you for your help!

All the best

Chris

gimmick · 10-21-2008, 10:17 AM

Just a note for thoase using IE 8, its a very buggy release and even a well constructed site might look like a mess.

kidino · 10-21-2008, 10:32 AM

put align="center" in the table ...

that should fix it and should look fine with any browser.

The <div align="center">...</div> is meant to center itself not its content. But DIV's by default is already 100% in width. So there's no more centering for DIV's unless you set a width with CSS to the DIV.

If you want to use <div> for centering, you should use something like this...

<div style="text-align: center">...</div>

But this can cause other problems like unintended centering of text in other areas. In your case, with the table, just do align="center" in the table tag...

<table id="table2" border="0" cellpadding="0" cellspacing="0" width="720" align="center">

Eric Lorence · 10-21-2008, 12:46 PM

IE is still not a standards compliant browser, and many WP themes continue to provide additional CSS for IE users.

With that said, experiment with various tags such as <center></center>, or <div align="center">, <p align="middle">. and so on.

Just be sure to close all corresponding tags accordingly after the page element </div>, </p>, etc.

Then use both Firefox and IE together to test your changes.

Welcome to the wonderful world of web design!

10-21-2008, 09:40 AM	#1
Chri5123 Senior Warrior Member War Room Member Join Date: Aug 2006 Location: U.K Posts: 1,720 Blog Entries: 4 Thanks: 94 Thanked 311 Times in 175 Posts	Web Designers Help! - Don't Laugh At Me! :) Hi Guys, I am looking for some help with the HTML of my website. It is probably very simple, anyway the problem is that when you load my site in firefox it is fine. However when you load it up in IE the bottom table appears to the left. Why is this happening when it is meant to be centered! Here is the site link (not finished yet) http://www.unleashwordpress.com/test2.htm Thanks for any help in advance. All the best Chris
	Want A Step By Step Guide To Making $100+ A Day? SWTOR Savior Is 100+ Gravity In Under 3 Weeks... CLICK HERE TO MAKE $100 A DAY FAST...

10-21-2008, 09:44 AM	#2
TheRichJerksNet Guest Posts: n/a	Re: Web Designers Help! - Don't Laugh At Me! :) Chris, That is probably IE issue .. Netscape, Safari, FireFox look the same to me... Maybe we should get together on our WordPress Products .. huh ? Edited to Add: What are you using for your HTML editor, the code is real sloppy... James
TheRichJerksNet Guest Posts: n/a

10-21-2008, 09:47 AM	#3
Bishop81 Programmer Extraordinaire War Room Member Join Date: Jun 2007 Location: Olathe, KS USA. Posts: 700 Thanks: 39 Thanked 30 Times in 26 Posts Social Networking	Re: Web Designers Help! - Don't Laugh At Me! :) Just put <center> </center> tags around your table and it should resolve the issue.
	I'm tired of my signature... Deleted.

10-21-2008, 10:17 AM	#6
gimmick Active Warrior Join Date: Oct 2008 Posts: 59 Thanks: 0 Thanked 1 Time in 1 Post	Re: Web Designers Help! - Don't Laugh At Me! :) Just a note for thoase using IE 8, its a very buggy release and even a well constructed site might look like a mess.

10-21-2008, 10:32 AM	#7
kidino Web Marketing Techie War Room Member Join Date: Jul 2004 Location: , , . Posts: 401 Thanks: 22 Thanked 27 Times in 17 Posts Social Networking	Re: Web Designers Help! - Don't Laugh At Me! :) put align="center" in the table ... that should fix it and should look fine with any browser. The <div align="center">...</div> is meant to center itself not its content. But DIV's by default is already 100% in width. So there's no more centering for DIV's unless you set a width with CSS to the DIV. If you want to use <div> for centering, you should use something like this... <div style="text-align: center">...</div> But this can cause other problems like unintended centering of text in other areas. In your case, with the table, just do align="center" in the table tag... <table id="table2" border="0" cellpadding="0" cellspacing="0" width="720" align="center">
	Sell ebook with Paypal - UPLOADnSELL.com - the fastest & easiest way to sell ebook, downloads or files. No fees, no registrations, no installations - just upload and sell, seriously!

10-21-2008, 12:46 PM	#8
Eric Lorence Senior Warrior Member War Room Member Join Date: Jan 2008 Location: Alpharetta,GA, USA. Posts: 1,440 Thanks: 497 Thanked 199 Times in 144 Posts	Re: Web Designers Help! - Don't Laugh At Me! :) IE is still not a standards compliant browser, and many WP themes continue to provide additional CSS for IE users. With that said, experiment with various tags such as <center></center>, or <div align="center">, <p align="middle">. and so on. Just be sure to close all corresponding tags accordingly after the page element </div>, </p>, etc. Then use both Firefox and IE together to test your changes. Welcome to the wonderful world of web design!