I've been customizing this great theme and would like to have the footer spread across 100% of the browser rather than be a fixed width. I'd like the content section to be fixed and the header and footer 100%... The header i have done, the footer i can't

I've tried changing the css to :

#footer {
  width : 100%;
  background-color: #412715;
  font-size: 0.8em;
  text-align: center;
  clear:left;

however its still a fixed width.

I've also tried moving the tag to before the footer declaration, however again this hasn't worked :

</div> <!-- /page -->
	
	
	<div class="pagebottom">
	<div class="pagefooter"></div><!--page footer-->
	
    <?php if (isset($secondary_links)) : ?>
      <div id="secondary-links">
        <?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?> 
        <div style="clear:both"></div>
      </div>
    <?php endif; ?>
	
    <div id="footer">

There must be something simple i'm missing..... does anyone know what it is ?

Thank you
A

Comments

qt11’s picture

qt11 commented
Status: Active » Closed (fixed)
spencerbrooks’s picture

spencerbrooks commented

I had success with this when I moved #footer outside of #page:

</div> <!-- /page -->
      <div id="footer">
      <?php if ($footer_region) { ?>
        <div id="footer-region"><?php print $footer_region?></div>
      <?php } ?>
      <?php if ($footer_message) { ?>
        <div id="footer-message"><?php print $footer_message ?></div>
      <?php } ?>
	  <div style="color:gray"><strong>THEME DESIGN</strong> Copyright &#169; 2008 under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU</a> by <a href="http://www.tributemedia.com" alt="High Performing, Industry Specific Websites" title="High Performing, Industry Specific Websites" target="_blank">Tribute Media</a>. Site Powered by <a href="http://drupal.org/">Drupal</a>.</div>
	  </div><!-- /footer -->
</body>
</html>

This looks to be pretty much the same thing you tried, but it looks like you have some extra divs wrapped around the footer. Is it possible those could be interfering with the footer expanding to 100%?

Do you have a link where I could take a look at this further?