Forums

Roggers

Ok so I seem to have this issue, that I can't fix. If you look at my footer :
http://i917.photobucket.com/albums/ad14/EpicAlexOwned/footer.jpg
you'll see the footer does not expand it's width to 100% although the css value of width has been set to 100%.
The HTML seems to be valid, so I don't think that's an issue. Not sure what to do?
my css:

#footer {
position: relative;
bottom: 0;
background: #434141;
text-align: center;
width:100%;
color: #e7ddd0;
margin-top: -150px;
height: 150px;
clear: both;
padding: 15px;

Thanks

ISSUE SOLVED: I realised, i set the width of a social icon to large, and so it expanded the page width.
Thanks anyway

Senff

Is the footer contained in another div? If so, what is the width of that one?

Would be easier to help out if there was more context.

Roggers

Sorry, the markup is as follows.

<div id="footer">
     <footer class="container_12">
      <div id="footertext">
  <div id="column1" class="grid_4">
Lorem Ipsum

  too mainstream</div>
  <div id="column2" class="grid_4">
  	Lorem Ipsum 
  </div>
  <div id="column3" class="grid_4">
 Lorem Ipsum


  </div>
  </div>

    </footer>
  </div>

The width of the footer element is 100%.
Also note i'm using 960gs, does that effect it at all?
thanks.

treehouse : what would you like to learn today?

Forums

[Solved] Footer Issue.