Top to bottom of browser

[RD_SG]

Hello,

I am more of a designer than a coder, and I was wondering how people get their content to start at the top of the browser window and then have it go down all the way to bottom of the browser window.

An example is in my attachment.

As you can see..the page isn't full, but the borders and the content area extends all the way so that the viewable browser area (where the web page is displayed) is full.

Thanks,

- dr. azo

[keitheronie]

One way this effect can be achieved is to use a table and set the height="100%". The entire table will expand to the full height of the browser, but tables are fading out, and they should not be used for layout. I believe you can do the same using DIV's. Something like this should work.

<DIV style="width: 500px; height: auto;">
	<DIV style="background-color: #000000;">  Menu here  </DIV>
	<DIV style="height: 100%;">Content here<BR />Content here</DIV>
	<DIV style="background-color: #000000;">  Footer here  </DIV>
</DIV>

That should give you the same effect.