Chartjs-HTML how block elements to not go over footer etc

1👍

Your .container2 must contain the floats you can simply add .container2{ overflow: hidden;} for a quick fix otherwise i’d recommend using clearfix

As for the footer just use position:relative instead of absolute.

I cannot see the picture as it’s local but i presume it works correctly now.

Here is an working Example.

Code:

.container2 {
    overflow:hidden;
}

.footer{
    position:relative;
    bottom:0;
    width:100%;
    height:60px;
    background-color : rgb(255,192,0);
    -moz-box-shadow:    0px -4px 5px 2px #ccc;
    -webkit-box-shadow: 0px -4px 5px 2px #ccc;
    box-shadow:         0px -4px 5px 2px #ccc;
    margin-top : 50px;
}

Leave a comment