bah, center tag

[Cheeser]

Ok, I want to center a table and be xhtml strict...

I've tried using CSS:

div
{
    text-align: center;
} 

while this works in IE (not saying much there), it doesn't work in Opera, or any browsers using the Gecko engine (Fire[fox/bird], Netscape, Mozilla)

my code is along the lines of:

<div>
    [table stuff]
</div>

[vgarcia]

div {
  text-align: center; /*for IE*/
}
div table {
  /*for other browsers*/
  text-align: left;
  margin: auto;
}

Try this code out. Make sure you have a defined width for your table though, either in the HTML or the CSS.

[Cheeser]

div {
  text-align: center; /*for IE*/
}
div table {
  /*for other browsers*/
  text-align: left;
  margin: auto;
}

im kinda a newbie to this... i dont want to copy code without understanding it, so what does the "div table" part do?

[vgarcia]

A margin value of "auto" tells the browser to take as much margin as possible. If "auto" is set on both the left and right margins, they will take up equal amounts of margin, effectively "centering" your element. As long as that element has a defined width, it will appear centered. The "text-align: left;" bit "resets" your text so it's not center-aligned. If you want centered text in your table on the other hand, feel free to remove that line.

Hope this helps!

[Cheeser]

actually, i understood that before, but how does "div table" differ from simply "div"

[vgarcia]

"div table" selects any tables that are inside of a <div>. Nothing more to it really.