Home/ Questions/Q 6771897
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T15:29:09+00:00

Here is the link : www.guidegather.com (sorry, tried posting image but cannot) If you

  • 0

Here is the link :
http://www.guidegather.com

(sorry, tried posting image but cannot)

If you look at the footer section, it appears correctly in all major browser (including IE9) but in IE7, the width of the div#mainfooter follows the max-width of .center class instead of extending horizontally to fill the space.

Here is the CSS :

.center{
    margin:0 auto;
    padding:0 50px;
        max-width:960px;
}
#mainfooter{
    background-color:#000;
    color:#CCC;
    list-style:none;
}

Here is how the HTML roughly looks like :

<body>
<div class="center">
Something here
</div>
<div id="mainfooter">
    <div class="center">
    Something here
    </div>
</div>
</body>

As you can see, the div#mainfooter is independent of the previous div, but the width is restricted to the max-width of the previous div (and child div). Any solution to this?

Any help is appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So the solution is to add display:block to #mainfooter. Hope this helps anyone facing this issue in the future and great thanks for those who tried helping me

    • 0