container div filling the page vertically

[just a feeling]

Peace,

I want the container div to fill the page vertically ( but leave a margin at the bottom with 30px).

This is my css

[HTML]body {
margin: 0px;
padding: 0px;
}

#container {
background-color: #EAEAEA;
margin: 30px auto;
width: 780px;
}[/HTML]

Anyone can help,
Thanks in advance.

[numberwhun]

Peace,

I want the container div to fill the page vertically ( but leave a margin at the bottom with 30px).

This is my css

[HTML]body {
margin: 0px;
padding: 0px;
}

#container {
background-color: #EAEAEA;
margin: 30px auto;
width: 780px;
}[/HTML]

Anyone can help,
Thanks in advance.

Have you tried setting the margin to be:

margin:  30px 0 0 0;
 

and see if that does it? There are 4 parameters to margin:

margin: {top} {right} {bottom} {left};
 

Hopefully that will do it.

Regards,

Jeff

[just a feeling]

Thanks jeff, but not that what I want.

My margins are working correctlly, all what I need is forcing the container div to fill the enire page vertically but leave a space for top and bottom margin around 30px.
something like this,
http://www.oswd.org/design/preview/id/3559

I've tried setting the height for body and div container to 100%, but it filled all the page without leaving a space at the bottom ( though the top margin is ok ).