Title: squashai's Replies | WordPress.org

---

# squashai

  [  ](https://wordpress.org/support/users/squashai/)

 *   [Profile](https://wordpress.org/support/users/squashai/)
 *   [Topics Started](https://wordpress.org/support/users/squashai/topics/)
 *   [Replies Created](https://wordpress.org/support/users/squashai/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/squashai/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/squashai/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/squashai/engagements/)
 *   [Favorites](https://wordpress.org/support/users/squashai/favorites/)

 Search replies:

## Forum Replies Created

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

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Jetpack - WP Security, Backup, Speed, & Growth] [Plugin: Jetpack by WordPress.com] Re: Behavior of new CSS module](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/#post-2991700)
 * I’ve found that combining the tags and separating with commas works, as well.
 * e.g., -webkit-transition:margin .5s ease-in, max-height 1s ease-in;
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Jetpack - WP Security, Backup, Speed, & Growth] [Plugin: Jetpack by WordPress.com] Re: Behavior of new CSS module](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/#post-2991668)
 * Hmm…and while we’re on the subject of the CSS editor, I can’t get it to accept
   any combination of the following
 * -webkit-transition:all .5s ease-in!important;
    -webkit-transition:margin .5s 
   ease-in!important; -webkit-transition:max-height 1s ease-in!important;
 * It just keeps one — usually the first one — and deletes the rest.
 * I guess I’ll be using the manual editor until this is worked out. :/
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Jetpack - WP Security, Backup, Speed, & Growth] [Plugin: Jetpack by WordPress.com] Re: Behavior of new CSS module](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-re-behavior-of-new-css-module/#post-2991667)
 * Awesome! Thanks for the quick response.
 * Also, I like the text finding feature, but it might be more useful if it has “
   Next” and “Previous” buttons.
 * And it doesn’t remember the previous query if you move the cursor, which is kinda
   inconvenient.
 * Anyway, thanks again for the awesome plugin!
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901929)
 * Hmm…I guess you’re right. I think it looks fine as it is, but perhaps it would
   look ridiculous if I put widgets it.
 * Thanks again. I guess I’ll think about it.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901925)
 * Actually, it seems to work just great.
 * I simply fixed it at the bottom and gave it a really high z-index.
 *     ```
       #main {
       height: auto !important;
       min-height: 50%;
       padding-bottom: 50px; /* The Submit button was disappearing on my blog pages. */
       }
   
       #footer {
       position: fixed;
       bottom: 0px;
       margin: 0px;
       padding: 10px;
       height: 20px;
       width: 100%; /* It stopped filling the page without this. */
       z-index: 9000;
       }
   
       #footer .copyright img {
       	max-width:30px;
       	height: 20px; /* I wanted to shrink it a little--it was pretty huge. */
       	overflow:hidden;
       	float:left;
       	margin:0 10px 0 0; /* Also brought it a little closer to the text. */
       }
       ```
   
 * It works in Chrome and IE, and even on my Samsung Galaxy Nexus (with Chrome for
   Android).
 * I think I got the details from [here](http://www.wpdfd.com/forums/wpdfd/layout/align_to_bottom_in_css/).
 * Anyway, thanks again for the great theme and the dedicated support!
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901916)
 * I see. Thank you for help. I appreciate you taking the time to look at this and
   trying to figure it out.
 * One last question: is there a way I could make the footer a fixed height and 
   position it absolutely at the bottom?
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901908)
 * Sorry, I was messing around with it, trying to see if I could come up with a 
   configuration that would work.
 * I’ve removed the margin section, but the page is still oversized.
 * Can you look at it again?
 * To reiterate, what I’m trying to achieve is having the bottom of the footer flush
   with the bottom of the browser window, unless there’s overflow of the content.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901906)
 * Hmmm…do you think [this ](http://stackoverflow.com/a/90946) would work?
 * Particularly the line that gives the container a negative margin?
 *     ```
       #wrapper {
               min-height: 100%;
               height:     auto !important;
               height:     100%;
               margin:     0 auto -44px; /* -44px being the size of the footer */
           }
       ```
   
 * Well, I tried it, and it creates precisely the wrong effect. Oh well.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901904)
 * Sure, it’s [here](http://joshuahutt.com).
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Simple Catch] [Theme: Simple Catch] How to make the footer stick at the bottom of the page?](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/)
 *  Thread Starter [squashai](https://wordpress.org/support/users/squashai/)
 * (@squashai)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/theme-simple-catch-how-to-make-the-footer-stick-at-the-bottom-of-the-page/#post-2901899)
 * Hi Sanjiv!
 * Thanks for your quick and helpful reply!
 * I did try that, and it does push the footer down. However, if the browser window
   is resized, the footer sometimes appears below the bottom of the window, while
   at other times it still floats in the middle leaving an unsightly white gap at
   the bottom.
 * I have also tried various similar hacks, including these:
 * [http://stackoverflow.com/questions/25238/100-min-height-css-layout](http://stackoverflow.com/questions/25238/100-min-height-css-layout)
 * [http://peterned.home.xs4all.nl/examples/csslayout1.html](http://peterned.home.xs4all.nl/examples/csslayout1.html)
 * Adding `height:100%;` to both the `html` and `body` tags, and either `height:
   100%;` or `height:60%;` to `#main`. This is much closer to the functionality 
   I want, but I cannot seem to achieve a layout in which the bottom of the footer
   is flush with the bottom of the browser–there is either a scrollbar for no reason,
   or the unsightly white bar.
 * This leads me to believe that there are other elements whose height attributes
   are competing with that of `#main`.
 * I am not very proficient at CSS, however, so I cannot tell which ones I should
   modify.
 * Again, all I want is for the bottom of the footer to stick to the bottom of the
   browser window, unless the content is longer than the height of the window.
 * Is there a simple way to do this?

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