LeonH
LeonH

Reputation: 1037

Why isn't my sidebar dropping to my footer?

I've my sidebar to height of 100% which should drop it to my footer, but this isn't happening it only drops for the amount of text in the sidebar.

My CSS:

.left-sidebar {
    float: left;
    height: 100%;
    width: 250px;
    margin-left: -100%;
    position: relative;
    background: #B5E3FF;
}

Why is my sidebar not dropping to my footer?

Working example: http://jsfiddle.net/4ore18kv/

Upvotes: 0

Views: 52

Answers (1)

Akhil Namboothiri
Akhil Namboothiri

Reputation: 184

Stormie, try this

.left-sidebar {
    height: 100%;
    width: 250px;
    position: fixed;
    background: #B5E3FF;
    left:0px;
}

Upvotes: 3

Related Questions