how do i center an elemend in css and xhtml strict

[soniclnd]

i want to center a table in xhtml strict but it won't let me....

the <center> tag is obsolete, and the <div align="center"> is also obsolete... how can i center my table with proper xhtml strict?...

 

[tgreer]

It isn't pretty, but you can put everything inside another, outer table. The site contents can go inside a td element:

<td align="center">



Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting

 

[cLFlaVA]

no, i disagree with that answer.

<style type="text/css">
#wrapper {
    text-align: center;
}

#specialtable {
    margin: 0 auto;
}



<div id="wrapper">
<table id="specialtable">
...
</table>
</div>
</style>

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[soniclnd]

works great, thanks a lot, now it validates!!!
thanx

 

[taylorantone]

Agre with cflava. The text-align part is really only needef ror IE5x. IE6 and FireFox both handle the margin: auto properly. That is the preferred, and perfectly validated, way to handle it.

Just don't forget to put a text-align: left/right in the child div's so that the text-align: center doesn't inherit.

 

[tgreer]

I agree that using CSS is the preferred and valid way to go about it. But not every browser will support it. The table method will work in most browser/version/OS combinations, and it validates.

But, you're both right: it isn't elegant.



Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting

 

[taylorantone]

As for the browsers that won't support it, this pretty much says it all:

http://www.tek-tips.com/viewthread.cfm?qid=330725&page=1