Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Height 100% what about scroll

I am working on this page - http://www.martinglarsen.dk/projekter/inter-markiser/

And i want my sidebar left and right to fill 100% in height. It works fine until the content get heigher than the screen.

The easy solution would be to set the sidebars to:

position: absolut;
bottom: 0;

But i'am running on bootstrap and positions: absolut; interfear with the col modul.

Is there another solution to this.

4 Answers

If you want the sidebars to stick, have your tried position: fixed on them? It will keep them static while the screen is scrolling.

All i want is the color to go to the bottom. Fixed on boostrap is not the best solution

Okay, I got you. What I would recommend is giving the left and right columns absolute positioning. After that, I would give the right column the property of right: 0 (because it will automatically float to the left). After that, I would add some margin to your center content to offset it to the middle. I'm sure that bootstrap has an offset, you could probably just use that.

I will try