hi
On my site : www.freewebs.com/matixweb/test
i would like the bottom part to always be at the bottom of the page, whether there is lots of text or not.
Should I change from tables?
thx for your help

thepersonof,

From what I can tell it should work that way now. Are you having problems when the page is populated with a lot of text? Your middle <TR> will grow as you put more and more text in. Because you have the background image set, that will extend the side images down to the footer, which should move lower and lower as the middle <TR> gets larger.

Are you seeing a different behavior?

thanx for your help, but i dind't explain it very well.
When there is no text I would like the bottom row to be at the bottom of the page,how can I do this?

I've done that before. What I did was make one all-inclusive table and then made each section (header, main content, footer) its own row. The basic html code looks like this:

<table width="100%" height="100%">
<tr><td height="275">header code (table, whatever) goes here</td></tr>
<tr><td height="100%">main content code goes here</td></tr>
<tr><td height="75">footer code goes here</td></tr>
</table>

The trick is to use the height attributes so the middle row takes up all the screen space not being used by the header and footer, which puts thew footer at the bottom even if you have one word in your main content.

I've been told that this doesn't work so well for Mac as it says that 100% is 100% of your screen, not 100% of your inner browser window. So if anybody's got a better solution that doesn't use Javascript I'd be interested to hear it.

hi
Thanks for your suggestion and I have changed the table code to that which you see below, but the problem has not been solved.

<table WIDTH=779 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center" height=100%>

<TR>
<TD>
<IMG SRC="images/matix-Sliced_01.jpg" WIDTH=779 HEIGHT=147 ALT=""></TD></tr>


<TR>
<TD style="background-image:url(images/matix-Sliced_02.jpg) " height="100%" width="779">
</TD>
</tr>


<TR>
<TD >
<IMG SRC="images/matix-Sliced_03.jpg" WIDTH=779 HEIGHT=69 ALT=""></TD>
</TR>
</table>

all help is appreciated

The code you put you have written right now is not the same as the code that's on the site. Did adding the "100%"s do anything? It's seems like that code should work.

Put the height attribute in each of your main <TD> tags, not just the one for the main content. That should do it.

thankx for all of your interest. I have changed the table code to that which you can see below, but it still is not working. Will I have to use javascript?

<table WIDTH=779 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center" height=100%>
<TR><TD height=147>
<IMG SRC="images/matix-Sliced_01.jpg" WIDTH=779 HEIGHT=147 ALT="">
</TD></tr>
<TR><TD style="background-image:url(images/matix-Sliced_02.jpg) " height=100% width=779>
</TD></tr>
<TR><TD height=69 >
<IMG SRC="images/matix-Sliced_03.jpg" WIDTH=779 HEIGHT=69 ALT="">
</TD></TR>
</table>


thanks for all of your help

If you want to be lazy, you could always use a layer, however this isn' the best idea. Hmm, I can't really think at the moment. I know what want though. kyrnt/otterbob, you might be able to help with this actually.

picture in your mind a frameset, the top frame being the main page, the lower being about 10-20px in width. now the problem is putting that into tables...

I'm really sorry, but my mind is really screwed today. I've had to learn a mega load of Japanese this week and also a wee bit o' German. My Language skillz are going through the roof this week!


(btw, it can be done with Javascript).

yeah I know it could be done using javascript, but i am no good at it and I just wondered if there was a simpler way
thanks for your interest

I have decided that javascript will have to be used although I wish there was a simpler way... Can anyone help me with this or does anyone know a javascript-centric forum.
Thx for all of your suggestions