Forum Moderators: open
To center the table...
<style type="text/css">
<!--
div#bottom
{
width:300px;
position:absolute;
bottom:0%;
left:50%;
margin-left:-150px;
}
table
{
width:300px;
border: solid 1px #000000;
}
//-->
</style>
The margin-left is set to minus half
the table width. The body code is...
<div id="bottom">
<table ><tr>
<td>this table is centered 0% up from the bottom</td>
</tr></table>
</div>
birdbrain
Just give the table an id in the css...
<style type="text/css">
<!--
div#bottom
{
width:300px;
position:absolute;
bottom:0%;
left:50%;
margin-left:-150px;
}
table#one
{
width:300px;
border: solid 1px #000000;
}
//-->
</style>
and the table...
<div id="bottom">
<table id="one"><tr>
<td>this table is centered 0% up from the bottom</td>
</tr></table>
</div>
birdbrain
You say...
just use the center tags before and after the table tags
and not use the css at all
but...
the w3.org [w3.org] states that
the center tag has been deprecated
birdbrain