CODEWITHSUNDEEP
javascripthtmlcssheight
Matteo Pagliazzi
Matteo Pagliazzi

Reputation: 5270

Make a div fill the whole page in height

I have a page with this structure:

topbar (100% width) sidebar content

i want the sidebar to fill all the remaining space of the screen in height.

I've tried with height: 100% in my css but doesn't work.

How can i do this? There is a way to do it using css or i have to use Javascript?

Upvotes: 0

Views: 3195

Answers (2)

Chris
Chris

Reputation: 3795

To achieve this you need make sure the sidebar's parent containers have heights of 100%, too.

So, if you have a sidebar div, you have the body container, and the html container.

html, body, #sidebar { height: 100%; }

Upvotes: 5

A_Porcupine
A_Porcupine

Reputation: 1038

Have you set the height of body height to 100% too? If not it won't fill up the rest of the page.

Upvotes: 1

Related Questions