Footer doesn't take the height of the inside wrapper

Question

Is there anybody who know the problem ?

css:

    footer {
    width:100%;
    height:auto;
    background:black;
}
footer .wrapper {
    width:1000px;
    height:auto;
    margin:0 auto;
    color:grey;
}
footer .wrapper .footer_column {
    width:333.3px;
    height:auto;
    float:left;
}

HTML

<footer>
    <div class="wrapper">
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
    </div>
</footer>

Thanks in advance

http://jsfiddle.net/cWCFV/

I don't understand the question. Do you want your footer to expand when the content in your footer_column div grows? — berentrom, Feb 16 '14 at 13:22
possible duplicate of [Grow height of parent div that contains floating nested divs](http://stackoverflow.com/questions/9463069/grow-height-of-parent-div-that-contains-floating-nested-divs) — Hashem Qolami, Feb 16 '14 at 13:31
And why is it a "please fix my code" question? when i don't find out the problem by myself then i ask someone else ? — MrSkippy, Feb 21 '14 at 18:47

score 1 · Accepted Answer · answered Feb 16 '14 at 13:26

1

Put overflow: auto; in your footer div.

footer {
    width:100%;
    height:auto;
    background-color:red;
    overflow: auto;
}

answered Feb 16 '14 at 13:26

berentrom

505
1
5
12

Footer doesn't take the height of the inside wrapper

1 Answers1