Stylesheets - how to extent divs to full height of viewport

Author

how to extent divs to full height of viewport

tomasio

2004-06-17, 7:16 pm

dear group,

as nobody answered my recent posts (maybe they were too complicated) i
just ask you to help me on a rather simple issue: how can i stretch
divs to the full height of the viewport (in my case the browser
window)?

any help will be appreciated.
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"

Spartanicus

2004-06-17, 11:15 pm

tomasio <damnit@jan.et> wrote:

>how can i stretch
>divs to the full height of the viewport (in my case the browser
>window)?

body{margin:0;padding:0}
html,body,div{height:100%}

--
Spartanicus

tomasio

2004-06-18, 4:14 am

Spartanicus <me@privacy.net> schrieb:

>tomasio <damnit@jan.et> wrote:
>
>
>body{margin:0;padding:0}
>html,body,div{height:100%}
thank you spartanicus,

finally an answer ; )

I applied the CSS above to a test-html document, and it stretches to
full height of the viewport. Unluckily I am now confronted with two
issues:
1) There is an unwanted large amount of space between the signature
after the first article and the header of the second.
2) the margins to the left and right of the textbox (made them with a
background picture) - and at least in mozilla - its background color
don't stretch to the bottom of the viewport.

Is absolute positioning causing this behaviour?

I provided example html
(http://tomasio.laudatio.com/jobs/Cl...est_height.html) and css
(http://tomasio.laudatio.com/jobs/Cl...test_height.css) and a link
to the inital site (with the correct spacing between articles,
signatures and headers), which can be found here:
http://tomasio.laudatio.com/jobs/Cl..._template.html.

this is my final request for now, because i can finally go on with
building the site i am commissioned after solving the problems above
mentioned.
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"