Align table at bottom (center)

[dbzfyam]

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.

[electricocean]

you could do a whole bunch of <p>&nbsp;</p>and the do
<div align="center><table></table></div> codes.

[firstreflex]

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>

[dbzfyam]

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.

[firstreflex]

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>

[dbzfyam]

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.

[electricocean]

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>