How to center a table using html 4.01 strict

[harrydb]

Can anyone tell me how to center a table in a html 4.01 strict document? It should not be too difficult, but I just can't get it to work in IE and Mozilla at the same time.

Greets, Harry

[zoobie]

Don't quote me...but I think you put it in a container like a <div> or <p> like so: <div style="text-align:center"><table></table></div> :D

[harrydb]

Unfortunately, that is exactly what I have right now... :rolleyes: It does work in IE, but not in mozilla.

This is the css-code for the div the table is located in:

div#top {
margin: 0 0 0 0;
padding: 0 0 0 0;
position: absolute;
top: 0px;
width: 100%;
height: 47px;
border: 0px;
text-align: center;
background-image : url(../images/back_top.gif);
background-repeat : repeat-x;}

I posted the website here:
http://harrydb.host.sk/beta/

Harry

[zoobie]

This works in IE, Mozilla, Opera and Netscape without setting any explicit widths:


div.centered {text-align: center;}
div.centered table {margin: 0 auto; text-align: left;}
<div class="centered"><table>
...
</table>
</div>

To also work in Mac IE 5, the margin setting on this style needs to be in the long form:

div.centered table {margin-left: auto; margin-right:auto; text-align: left;}

Happy code bloat. :D

[harrydb]

<table style="margin: auto">

did the trick, thanks!!

Harry

[zoobie]

...along with the div {text-align:center} :p

[ronaldb66]

Don't you people read each others threads?

http://www.codingforums.com/showthread.php?s=&threadid=20586

[zoobie]

I like coffee tables, myself. :cool:

[brothercake]

I like coffee tables too, but I wouldn't dream of building a house out of them :p

[harrydb]

Originally posted by zoobie
...along with the div {text-align:center} :p

This was not neccesary, however I did left it in my code. Cannot cause any harm :)

Harry.

[zoobie]

Actually, you need text-align:center for IE...Try it without. :D

[harrydb]

Originally posted by zoobie
Actually, you need text-align:center for IE...Try it without. :D

In IE6 it worked perfecty without that line. However you have to make sure the width of the div is 100%.