Welcome to WebmasterWorld Guest from 54.196.244.206

Forum Moderators: incrediBILL

Message Too Old, No Replies

Align table at bottom (center)

     
12:58 pm on Feb 19, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 19, 2005
posts:96
votes: 0


Hi,

Does anyone know if it's possible to align a table at the bottom of the page and which is centered (html, or a othe language)?

Thank you very much,
Stefan.

9:33 pm on Feb 20, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Aug 11, 2004
posts:253
votes: 0


you could do a whole bunch of <p>&nbsp;</p>and the do
<div align="center><table></table></div> codes.
12:46 am on Feb 21, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 30, 2004
posts:40
votes: 0


I would try something like this (put a div around your table)

<style type="text/css">
body{
margin:0;
}
div{
text-align:center;
}
table{
position:absolute;
bottom:0;
margin-left:auto;
margin-right:auto;
text-align:left;
}
</style>
6:39 am on Feb 21, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 19, 2005
posts:96
votes: 0


electricocean, I tried that at first but it won't look good on a smaller screen.

firstreflex , I'll try that out when I'm home. Thanks.

5:06 pm on Feb 21, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 30, 2004
posts:40
votes: 0


Edit - this is the way to go

<style type="text/css">
body{
margin:0;
padding:0;
}
div{
width:100%;
position:absolute;
bottom:0;
text-align:center;
}
table{
margin-left:auto;
margin-right:auto;
text-align:left;
}
</style>
5:59 pm on Feb 21, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 19, 2005
posts:96
votes: 0


Thank you very much, firstreflex! It seems to be workinging on all browsers aswell. First, I had something like this:


<div style="position:absolute;bottom:0px;left:30%;right:30%">
Content
</a>

This did work, but if the window is smaller than 800x600, it dissappears to the side.

Thanks again,
Stefan.

9:09 pm on Feb 21, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Aug 11, 2004
posts:253
votes: 0


With all that said, how would you do that handy dandy css to position a table in the middle of the browser?

would it be:

<style type="text/css">
body{
margin:0;
padding:0;
}
div{
width:100%;
position:absolute;
middle:0;
text-align:center;
}
table{
margin-left:auto;
margin-right:auto;
text-align:left;
}
</style>

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members