I tried to make my footer align with my content section. I used the same css grid as I did for my content:

<div class = "row">
    <div class = "col3">
    </div>
    <div class = "col7">
    </div>
    <div class = "col2">
    </div>
</div>

It works fine in the content, but, in the footer, the 7 wide column is on the left instead of under the center column.

I even tried inline float and clear declarations, but that didn't work, either. Here's the whole footer:

<div id="footer-bg">
  <div style = "clear:both;">
</div>
  <div id="footer" class="lw row" style = "float:left; clear:none;">
      <div class = "col3" style = "float:left; clear:none;">
      </div>
      <div class = "col7" style = "background:#eeeeff; text-align:left; float:left; clear:none;">
		<p>&copy; <?php echo date( 'Y' ); ?> <?php bloginfo('name'); ?> &mdash; <?php __( 'All Rights Reserved.', 'montezuma' ); ?></p>
      </div>
  <div class = "col2"  style = "float:left; clear:none;">
  </div>
  </div>
</div>

Here's: the layout. Any suggestions?

change your first row to

<div class = "col3" style = "float:left; clear:none;">&nbsp;</div>

an empty div is generally ignored by the browsers wo putting in a 'blank' character gives them something to handle.

Originally Posted by juggledad

change your first row to

<div class = "col3" style = "float:left; clear:none;">&nbsp;</div>

an empty div is generally ignored by the browsers wo putting in a 'blank' character gives them something to handle.

I remember having to do that years ago with tables, but I didn't remember having to use it on div's before. It worked perfectly.

Thanks, Juggledad. I love this theme and this forum.