Alignment issue - any tweaks known please?

[lime]

Hello,

I have an alignment issue and wondered whether there were either any tweaks
to overcome the way IE renders the info or whether I am doing something
incorrectly:

http://www.limelightstudio.com.au/test.html

The navigation menu boxes are centered correctly in FireFox, Netscape &
Opera, however are pushed further to the right when viewing in IE...

In order for the boxes to be aligned as they are in FF, NS & Opera I have
used "padding-left : 15px;" in td.menu

By removing this style, the boxes are flush left against the browser window,
but it looks correct in IE.

Have I used the incorrect style to acheive the centered alignment?

 

[Mark Parnell]

Hello,
G'day.

http://www.limelightstudio.com.au/test.html

The navigation menu boxes are centered correctly in FireFox, Netscape &
Opera,

Looks off to the left a bit here (Moz 1.7.5).

however are pushed further to the right when viewing in IE...

True.

That looks like a list of links to me. Why aren't they marked up as a
list?

http://www.alistapart.com/articles/taminglists/

It's not tabular data either. Why is it in a table?

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

Have I used the incorrect style to acheive the centered alignment?

Not particularly, though sizing it in px is not a good idea anyway, as
the text overflows the boxes when the font size is increased. Much
better to size it in em, so that it sizes relative to the font size.

At a rough guess, it is the text-align: center; on the table. IE
(incorrectly) centres block-level elements as well as inline elements.
I'd say that is probably what is causing your problem.

 

[lime]

"Mark Parnell" ...

That looks like a list of links to me. Why aren't they marked up as a
list?

http://www.alistapart.com/articles/taminglists/

Thanks Mark, I had given up on marking up as a list as the alignment seemed
worse off. I'll read up on the link, I'm sure my answer is there.

It's not tabular data either. Why is it in a table?

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

I'm aware of the tables vs CSS layout debate and I acknowledge your comment,
thank you.

Not particularly, though sizing it in px is not a good idea anyway, as
the text overflows the boxes when the font size is increased. Much
better to size it in em, so that it sizes relative to the font size.

At a rough guess, it is the text-align: center; on the table. IE
(incorrectly) centres block-level elements as well as inline elements.
I'd say that is probably what is causing your problem.

I thought as much.... Thanks for looking at it Mark, much appreciated.