Footer?

B

Big Wave

How do I create a table or cell that lands at the very bottom of the page. I
need it to "stick" to the bottom of the browser window when it is resized.
Any help with the code? Thanks
 
K

Kevin Hooke

This is one approach:

- define the height attribute of the table to be 100% - the table will fill
the browser page
- split the height of the rows in the table to divide the 100% equally
across your rows.

This example has a top row with 90% height and a bottom row with 10%. You
can resize the page and the table will resize to fill all the available
space:

<table border="1" height="100%" width="100%">
<tr height="90%" align="top">
<td>Main body content</td>
</tr>
<tr height="10%">
<td>Footer content</td>
</tr>
</table>


For future reference:
http://bbweblog.kevinhooke.com/BBWe...D=15&instanceID=1&categoryID=59&action=detail
 
E

EightNineThree

Kevin Hooke said:
This is one approach:

- define the height attribute of the table to be 100% - the table will fill
the browser page
- split the height of the rows in the table to divide the 100% equally
across your rows.

This example has a top row with 90% height and a bottom row with 10%. You
can resize the page and the table will resize to fill all the available
space:

<table border="1" height="100%" width="100%">
<tr height="90%" align="top">
<td>Main body content</td>
</tr>
<tr height="10%">
<td>Footer content</td>
</tr>
</table>


For future reference:
http://bbweblog.kevinhooke.com/BBWe...D=15&instanceID=1&categoryID=59&action=detail

Brilliant idea.
Give someone invalid markup as an answer to their issue.
 
A

andy johnson

How do I create a table or cell that lands at the very bottom of the page. I
need it to "stick" to the bottom of the browser window when it is resized.
Any help with the code? Thanks
you can go through http://www.realworldstyle.com/ plus try "div
footer" in Google... That should give you enough ammunition to do it
in CSS.


-
Andy

"There would be a lot more civility in this world if people
didn't take that as an invitation to walk all over you"
- (Calvin and Hobbes)
 
N

Nico Schuyt

Nico, you might want to give your footer div a px height, as
now, when my window is smaller, the text in it flips off the
screen ;-)

OK. Thanks for the advice!
Nico
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,769
Messages
2,569,582
Members
45,057
Latest member
KetoBeezACVGummies

Latest Threads

Top