Question

Guys Please help me to solve this floating problem.I tried different methods but anything didn’t work for me.

In the html file,Small images are in the global container.Footer placed right below the global container.But now the footer comes to the top.

These are my css-

CSS of images-

style="margin-top: 25px; margin-right: 48px; float: right;"<br>
style="margin-top: 25px; margin-right: 48px; float: left;"

#footer_container{
    width: 900px;
    height: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    border: solid;    
}     



#global_body_container{
    width: 746px;
    position: absolute;
    padding-bottom: 10px;
    border-color: #c6c8cc;
    border-style:dashed;
    clear: both;


}

Thank you.

Answer 1

Place on the container of the floated elements overflow: hidden.

#global_body_container {
    overflow: hidden;
}