CSS Footer Issue
Hi All
I have a site which I am trying to make some multi colums in wordpress, the colums have worked however they won't display inline with the footer logo or address does anyone have any suggestions my code is shown below.
#footercolumns {padding:2em 20 20 40}
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%}
#footercolumns .first, * html #footercolumns .first{clear:both; margin:0} <!-- fopter content left -->
<div class="footer-bottom-left">
<div id="logo-footer">
<?php $footer_logo = get_option('minerva_footerlogo');?>
<a href="<?php echo home_url();?>"><img src="<?php echo $footer_logo ? $footer_logo : get_template_directory_uri().'/images/footer-logo.png';?>" alt="" /></a>
</div>
<div id="footercolumns">
<div class="block first">
<ul>
<li>Here is some stuff.</li>
<li>And some more stuff</li>
<li>Still more stuff</li>
</ul>
</div>
<div class="block">
<ul>
<li>Here is some stuff.</li>
<li>And some more stuff</li>
<li>Still more stuff</li>
</ul>
</div>
<br clear="all" />
</div>
</div>
<!-- fopter content left -->
kevin.wiles posted this at 12:32 — 6th December 2011.
They have: 2 posts
Joined: Dec 2011
Anyone?
Megan posted this at 17:06 — 6th December 2011.
She has: 11,421 posts
Joined: Jun 1999
Could you please post a link to what you're working on? I'm not really sure what you're trying to accomplish here.
You want the logo to float up next to the columns? It's not set to float like the columns are, so there's no reason why it should do that.
Also try overflow:auto on the containing div rather than clear:both and that br tag at the bottom to clear the floats (strange trick but it works)
Megan
Connect with us on Facebook!
shamskhan posted this at 05:45 — 27th January 2012.
They have: 20 posts
Joined: Jan 2012
POST your link where you are working on this website.. then m will check it .. then will reply according your problem
finovera posted this at 12:55 — 9th September 2013.
They have: 6 posts
Joined: Sep 2013
hi...,
I have use you css code. very useful to for all.
Thank you...,
crowd55 posted this at 11:45 — 31st July 2014.
They have: 1 posts
Joined: Jul 2014
Just google it how to rectify footer problem
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
Can you check this link.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.