Title: Height 100%
Last modified: August 21, 2016

---

# Height 100%

 *  [SephiHxC](https://wordpress.org/support/users/sephihxc/)
 * (@sephihxc)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/)
 * Hello!
 * I’m trying to make sure any page, even empty, have a 100% height.
    So I put :
   html, body{ height: 100%;} in my CSS code which is working, but the footer is
   still in the middle of the screen. I’m clueless and don’t know if it’s possible
   to make this work as i want to.
 * Here is a screenshot : [http://image.noelshack.com/fichiers/2014/29/1405514700-height.jpg](http://image.noelshack.com/fichiers/2014/29/1405514700-height.jpg)
 * Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [ddfoston](https://wordpress.org/support/users/fostonda/)
 * (@fostonda)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5102824)
 * Hi
 * If you could give us the url to your site I may be able to help you out.
 * All the best
    Dave Foston
 *  Thread Starter [SephiHxC](https://wordpress.org/support/users/sephihxc/)
 * (@sephihxc)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5103017)
 * Hi, I just put it online here : [http://mapizz.com/](http://mapizz.com/)
 * But I didn’t use the code I gave earlier because of the footer which stayed in
   the middle of the screen.
 * Thank you!
 *  [ddfoston](https://wordpress.org/support/users/fostonda/)
 * (@fostonda)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5103024)
 * Hi
 * I’ve had a look at your site – it is seriously very nice looking. I see it is
   in French – are you based there? I ask as I am living there.
 * Back to your site: I found this article a while ago that you may find useful:
   
   [http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/](http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/)
 * Adapting what is used in the article to your site; I came up with these ideas
   for the style.css file
 *     ```
       html {height:100%;} /* body is already 100% */
   
       #wrapper {
       	min-height:100%;
       	position:relative;
   
       }
   
       #content-wrapper {
       	padding: 36px 0 120px 0;
       }
   
       #footer {
       padding: 24px 40px 0 40px;
       height: 100px;
       position: absolute;
       bottom: 40px;
       left: -26px;
       }
   
       #footer-bar {
       height: 20px;
       position: absolute;
       bottom: 0;
       left: 20px;
       }
       ```
   
 * Some of the figures may not be perfect and you may need to change the px to some
   other way of taking the positions such as % or em. This would be to cope with
   the responsive side of the theme. You’ll have to play around with that.
 * Don’t forget that any changes made will be over-written and lost if you update
   the theme. I’m not sure if Corpo has a way of customizing css already but you
   could try making a child theme and carrying out any cusomization there.
 * I hope this helps – all the best
    Dave Foston
 *  Thread Starter [SephiHxC](https://wordpress.org/support/users/sephihxc/)
 * (@sephihxc)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5103025)
 * Hello,
 * Yes I live in France, and this website is for my dad’s company! Thank you for
   the compliment and your help. I am going to try this and give you some feedback.
   By the way I am using “My Custom CSS” plug in so it doesn’t erase the theme’s
   CSS.
 * Thanks again!
 *  [ddfoston](https://wordpress.org/support/users/fostonda/)
 * (@fostonda)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5103034)
 * Hi
 * That’s great – it is a good plug-in or so I believe.
 * We actually pass not far from your dad’s pizza restaurant on our trips from near
   Geneva to the Lot. So perhaps we should call in some day and try his pizzas!
 * Keep up the great work
 * All the best
    Dave

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Height 100%’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/corpo/1.3.2/screenshot.png)
 * Corpo
 * [Support Threads](https://wordpress.org/support/theme/corpo/)
 * [Active Topics](https://wordpress.org/support/theme/corpo/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/corpo/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/corpo/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [ddfoston](https://wordpress.org/support/users/fostonda/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/height-100/#post-5103034)
 * Status: not resolved