tables in firefox

Extra77 · 17 Nov 2006 at 17:43

Howdy

Just a quick Q (total novice to html, only doing it as it’s a core uni module)

I have a table set in a div, this should be in the centre of the page, it works fine in IE 6 but when I view the page in firefox all the table is aligned to the left hand side of the page. Anyone got any ideas?

My css has this code for this div...

#players {width: 550px; text-align: centre}

The only other thing on the page is my menu this is 2 divs (one top left hand corner and on the top right hand side of the page) so there should not be anything interfering with it.

Do I need anything like position: relative or anything in there? :rolleyes:

Cheers

Almeda · 17 Nov 2006 at 17:46

I *think* you need to declare an IE hack in your style sheet for the CSS but i'm sure this is more for MACs than for other browsers.

Sure someone will be along in a bit to clear it up

toString · 17 Nov 2006 at 18:12

Try:

#players {width: 550px; margin: 0 auto;}

Extra77 · 17 Nov 2006 at 18:37

thats got me in the right direction !!!

thanks allot

Eriedor · 17 Nov 2006 at 21:20

Correct way is to set margins to auto which ofc firefox renders properly. However IE in all its wisdom ignores this (not sure bout IE7 i dont have) so use a hack for IE by centre-ing the text of the whole page.

I use a commented conditional if statement to have all my IE hacks in one css.

Extra77 · 17 Nov 2006 at 23:50

eriedor said:
Correct way is to set margins to auto which ofc firefox renders properly. However IE in all its wisdom ignores this (not sure bout IE7 i dont have) so use a hack for IE by centre-ing the text of the whole page.

I use a commented conditional if statement to have all my IE hacks in one css.

Howdy

Can you please elaborate ? this mite make more sence in the morning but atm it makes no sence !! :confused:

cheers