Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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