Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Css grid not working in footer


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 21, 2013, 08:13 PM
jerryc
 
367 posts · Oct 2012
Florida
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?
  #2  
Old Jan 22, 2013, 05:00 AM
juggledad's Avatar
juggledad
 
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Jan 22, 2013, 08:02 AM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
Originally Posted by juggledad
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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Sticky Footer in IE8 not working jodybethw Post-Kicker, -Byline & -Footer 2 Mar 28, 2012 12:59 PM
Sticky footer not working correctly in 3.4.9 emanuel1969 New Versions, & Updating 0 May 20, 2010 06:58 PM
%comments in footer stopped working Dimitre Post-Kicker, -Byline & -Footer 4 Feb 21, 2010 12:36 PM
Post Footer not working right Steve_T Atahualpa 3 Wordpress theme 7 May 22, 2009 11:14 AM
The %date-modified('F jS, Y')% in post footer not working Glottis Post-Kicker, -Byline & -Footer 11 Apr 11, 2009 04:52 AM


All times are GMT -6. The time now is 03:03 PM.


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