WordPress.org

1. hermionegio
   Member
   Posted 8 months ago #

   Hi all, I'm still finishing a layout and I wonder how can I remove some annoying, empty space that suddenly appeared below footer.
   Link: http://www.mgm-designs.com/test/
   I don't like it esthetically, even though it doesn't really affect the future navigation of the site.

   For the record, this is my footer

   <div class="push"></div>
   <div id="footer">
   <div class="footer_copyright">Powered by <a href="http://www.wordpress.org" target="_blank">WordPress.org</a><br/><br/>
   © 2011 Finds & Sharings.com - All Rights Reserved - Designed by <a href="http://www.mgm-designs.com" target="_blank">MGM Designs</a></div>
   </div>
   </body>
   </html>

   and this is CSS related to footer

   #footer-wrap {min-height: 100%; height: auto !important;height: 20px;margin: 0 auto -2590px;}
   #footer {position:absolute;width:100%;padding: 0;margin: 0;clear: both;}
   #footer, .push {height: 2590px;}
   .footer_copyright{
   width:1280px;
   padding:30px 0 0 0;
   font-size:11px;
   clear:both;
   text-align:center;
   color:#FFFFFF;
   }
   .footer_copyright a{
   color:#ff0066;
   }
   .footer_copyright a:hover{
   color:#f96aab;
   }

   Does someone have any suggestion? Thanks a lot!

2. sixhours
   Member
   Posted 8 months ago #

   #footer, .push { height: 2590px; }

   Removing #footer from this declaration should fix it.

3. hermionegio
   Member
   Posted 8 months ago #

   Thank you so much, it worked! :)

Reply

You must log in to post.