CODEWITHSUNDEEP
htmlcsslayout
Dino Prašo
Dino Prašo

Reputation: 611

Layout with 100% height sidebar

I am trying and filing to create a website that has two sidebars and that both are top to bottom, or header to footer... Whatever I try, it doesn't work, and I don't know why...

It might be some stupid mistake I made, but I have experience in creating websites, but something like this has never happened to me yet.

Here is a link to the Work-in-Progress version: http://dino-praso.stud.ba/aubih/eLearning/

JSFiddle : http://jsfiddle.net/6Mr48/

Upvotes: 0

Views: 59

Answers (2)

Frankenscarf
Frankenscarf

Reputation: 1219

Without using javascript or using the background image "cheat", consider the code in the fiddle below:

Fiddle Here

By placing everything in a "wrapper", whenever the content of your <section> extends past the height of your sidebar content, the wrapper <div> it is wrapped inside will extend with the <section> content. This allows the sidebar, which is also a child of the wrapper div, to make use of 100% in the way you want.

Upvotes: 1

vandango
vandango

Reputation: 567

And don't forgot

display: block;
position: absolute;

for the left side of you page

Upvotes: 0

Related Questions