Forum Moderators: open

Message Too Old, No Replies

putting a table at the bottom pf a page

         

phoenixfire67

4:49 pm on Dec 27, 2003 (gmt 0)

10+ Year Member



I had read an earlier solution to the problem of placing a table at the bottom of a web page, and, it was very help ful. My only problem was that I could not get the table to center. Is there a solution to this? The original solution was in the following thread:
[webmasterworld.com...]
by birdbrain. If anyone can help me, I would greatly appreciate it.
Thanx,
Phoenixfire67

birdbrain

6:46 pm on Dec 27, 2003 (gmt 0)



Hi there phoenixfire67,

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

phoenixfire67

6:00 pm on Dec 28, 2003 (gmt 0)

10+ Year Member



birdbrain,
thank you so much! i am still so new to all of this. glad to be apart of acommunity such as this :)
phoenixfire67

phoenixfire67

6:11 pm on Dec 28, 2003 (gmt 0)

10+ Year Member



birdbrain,
OOps!:o I forgot to mention that I have multiple tables on this page. How do I only attribute to one specific table?
Phoenixfire67

birdbrain

7:09 pm on Dec 28, 2003 (gmt 0)



Hi there phoenixfire67,

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

robert adams

10:11 pm on Dec 29, 2003 (gmt 0)

10+ Year Member



you could also just use the center tags before and after the table tags and not use the css at all.

robert

birdbrain

11:07 pm on Dec 29, 2003 (gmt 0)



Hi there Robert Adams,

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

robert adams

4:14 am on Dec 30, 2003 (gmt 0)

10+ Year Member



the tag may be "deprecated" but it still works.

luck,
robert-I've been deprecated but I am still here:)

phoenixfire67

2:06 pm on Dec 30, 2003 (gmt 0)

10+ Year Member



birdbrain & robert,
thank you both for the assist. birdbrain was right, the CENTER tag was deprecated.
phoenixfire67