5 Replies - 1626 Views - Last Post: 08 December 2012 - 04:37 AM

#1 banzaidev  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 01-December 12

background refuses to go full width

Posted 01 December 2012 - 06:50 AM

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!

Is This A Good Question/Topic? 0
  • +

Replies To: background refuses to go full width

#2 shezzy  Icon User is offline

  • D.I.C Head

Reputation: 27
  • View blog
  • Posts: 194
  • Joined: 28-January 07

Re: background refuses to go full width

Posted 01 December 2012 - 10:42 AM

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.
Was This Post Helpful? 0
  • +
  • -

#3 banzaidev  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 01-December 12

Re: background refuses to go full width

Posted 01 December 2012 - 11:14 AM

I've changed the code but unfortunately that's not it. Any other suggestions?
Was This Post Helpful? 0
  • +
  • -

#4 Groudon  Icon User is offline

  • New D.I.C Head

Reputation: -18
  • View blog
  • Posts: 33
  • Joined: 01-December 12

Re: background refuses to go full width

Posted 01 December 2012 - 11:42 PM

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>


Was This Post Helpful? 0
  • +
  • -

#5 goku87  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 4
  • View blog
  • Posts: 77
  • Joined: 17-October 09

Re: background refuses to go full width

Posted 02 December 2012 - 12:56 AM

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

Was This Post Helpful? 0
  • +
  • -

#6 banzaidev  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 01-December 12

Re: background refuses to go full width

Posted 08 December 2012 - 04:37 AM

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

Thanks anyway everyone :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1