Tuesday, April 2, 2013

Set website html page footer at bottom jquery



Find the solution of following queries:
Ques: How to set min height for a  HTML  page  using JQuery?
Ques: How to set HTML page footer at bottom?
Ques: How to solve page footer issue with different screen resolutions?

" Most of the designers when they start career in design, always phase the problem related to web pages (HTML page) footers. Because the footer position changes according to the screen height[resolution] "

Solution
 Set the minHeight of your body container corresponding to your windows height, the problem  will be resolved for all  kinds of screens.

<script type="text/javascript">
    $(document).ready(function() {
        var screenHeight = $(window).height();
        $('#bodyContainer').css('minHeight', (screenHeight - 173));
    });
</script>

0 comments:

 
Powered by Code Imagine