Tables reaching Top and Bottom

[N2PGames]

Over the years i was never able to make a html version of a website thats why i never made any of my PSD Images into a usable theme but now i have learned that all it takes is tables :D but i want to make the top of the webiste and the footer of the website reach the top and bottom of the website

heres a easer way to explain what i want



is their any simple codes for this?

thnx.

[Zenax]

There aint any diffence in those pictures! well as far as I can tell there aint!

And to create the code, you simple, have to slice the image up into the relevant parts, and then code it so that they sit as the background image of the cell, or as the image contained within the cell.

Regards,
Zenax

[N2PGames]

the one on the left has spaces on the top and bottom... and the one of the right forces the website top abd bottom to reach the top/bottom of the browser no matter how big or small it is

i know how to code it now :D but i want the header and footer to be resized by the users resolution

if the website was designed on for ex 800x600 a user on 1600x1200 will have the websites footer/ body reach the end of the browser if you view the game by right click > view image

you'll see what i mean :D

[Zenax]

if you want it to fit the users resolution, then you have to code it so the widths are done in percentages. That way when ever you resize the width is set to that percentage of the screen.

15% = 15% on all screen resolutions.

Regards
Zenax

[Chris Z]

yup, Zenax is right, so if you want to do table width's in percentages or w/e, you'd do

<table style="width:15%;">

you can also use this on <tr>'s and <td>'s

[t2t2t]

yup, Zenax is right, so if you want to do table width's in percentages or w/e, you'd do

<table style="width:15%;">

you can also use this on <tr>'s and <td>'s

only good idea to use height(because he is talking about height) for table, is if you have only one free-height row:

<table style="height:100%; width:400 px;">
<tr style="height:200px;">
<td>Header</td>
</tr>
<tr> <!-- Free height, will be [height of window] - [fixed heights] -->
<td>Content</td>
</tr>
<tr style="height: 100px;">
<td>Footer</td>
</tr>
</table>

This should work... (Not guaranteed)

[N2PGames]

Thanks for all the help from everyone but, I still have that issue

I'll upload the HTML file so you all can see what I'm talking about :D

heres how i want mine to act :

http://www.clantemplates.com/templates/frontline:fieldsofthunder_obscurity/

[Chris Z]

yup, Zenax is right, so if you want to do table width's in percentages or w/e, you'd do

<table style="width:15%;">

you can also use this on <tr>'s and <td>'s

only good idea to use height(because he is talking about height) for table

ya..sorry about that, i was thinking about the way i usually use it, i have never used percentages for height

[N2PGames]

I figured out the how to make the top header reach the top :D

But the footer still doesn't

In Dreamweaver i selected all teh tables and did the Page Props

and put 1 in Top margin= 1, and Bottom margin= 1

the top part works but the bottom still doesn't reach down

[Chris Z]

try more than 1 for the bottom margin, see if it does anything