Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   [SOLVED] Css grid not working in footer (http://forum.bytesforall.com/showthread.php?t=19410)

jerryc Jan 21, 2013 08:13 PM

[SOLVED] Css grid not working in footer
 
I tried to make my footer align with my content section. I used the same css grid as I did for my content:

Code:

<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:

Code:

<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?

juggledad Jan 22, 2013 05:00 AM

change your first row to
HTML Code:

<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.

jerryc Jan 22, 2013 08:02 AM

Quote:

Originally Posted by juggledad (Post 95265)
change your first row to
HTML Code:

<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.


All times are GMT -6. The time now is 02:47 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.