[banzaidev]

Dear dream in code community.

Please look at this one pager website: www.lifeplus.co.za
As you can see the footer part e.g. Map, white & grey background do not stretch full width.
In other sections though the template is full width.

I tried to do everything with my limited knowledge to find the problem but I simply can't.
It is driving me insane. I haven't changed anything else than this index.html page - no css etc.

Any help and pointers appreciated!

[shezzy]

Hi,

change

<footer id="footer">
  <div class="container clearfix">
    <p><span class="top">Proudly from Cape Town, South Africa</span><br />
      © 2012, LifePlus. All rights reserved.</p>
  </div>
</footer>

to

<footer id="footer">
  <div class="clearfix">
    <p><span class="top">Proudly from Cape Town, South Africa</span><br />
      © 2012, LifePlus. All rights reserved.</p>
  </div>
</footer>

The class "container" sets the width to 960px and centers it, which prevents the page wide look your looking for. Hit the + if this helps you.

[banzaidev]

I've changed the code but unfortunately that's not it. Any other suggestions?

[Groudon]

Try this

<div id="footer">   <p><span class="top">Proudly from Cape Town, South Africa</span><br />
      © 2012, LifePlus. All rights reserved.</p>
  </div>
</div>

[goku87]

Your footer stuffs are inside the clearfix div which has a style of width: 960px; (I'm assuming inherited from div#section5.section.ancor3.section_5) so attempting to set any children's width to width: 100%; will result in 100% percent of the parent, i.e. the 960px.

Also, it still says <div class="container clearfix">

This post has been edited by goku87: 02 December 2012 - 01:14 AM

[banzaidev]

fixed. did not close the <div> tags from the section above the footer!

Thanks anyway everyone