Mornor Mornor - 1 year ago 72
CSS Question

Place sliding divs at a fixed bottom position

I am currently using this bit of code (adapted to my needs) to create a bootstrap carrousel-like.

I have successfully place it to the bottom of my page, but I would like to make it


I assume that I just need to add:

bottom: 0;
position: fixed;

Example here.

What is that not the way to go?

Answer Source

You should add those attributes to

.box {
position: fixed;
bottom: 0;

Edited fiddle

other approach is to add a wrapper above the box and set its height 100%-"the .box's height". this would stick the box on the bottom of the monitor. the part above then would be scrollable. Sample

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download