The problem:

I’m using jQuery to align my footer to the bottom of a page. It works in FF but IE, Chrome and Safari push the footer down by about 50-100px.

See for yourself:

Look at the footer of www.directsponsor.org to see a live example of the problem.

The code:

<script type="text/javascript">

    jQuery.noConflict();

    jQuery(document).ready(function($  ){
        matchHeight();
    function matchHeight() {
        var mainHeight = $  ("#wrapper").outerHeight() - $  ("#header").outerHeight() - $  ("#leader").outerHeight() - $  ("#footer").outerHeight() - parseInt($  ("#footer").css("margin-top")) - 1 - parseInt($  ("#main").css("padding-top"))- parseInt($  ("#main").css("padding-bottom"));
        var mainReal = $  ("#main").outerHeight(true);

        if ((mainHeight + 1 + parseInt($  ("#main").css("padding-top")) + parseInt($  ("#main").css("padding-bottom"))) > mainReal) {
            $  ('#main').height(mainHeight);
        }
    }
    $  (window).resize(matchHeight);
});

</script>

My question:

What’s causing the footer to sink below the bottom of the page?

newest questions tagged jquery – Stack Overflow

Have a look at the following jsFiddle:

http://jsfiddle.net/DNB9T/

how would you float the different ul li elements so they line up beside each other them move to the next line when they hit the right boundary?

newest questions tagged jquery – Stack Overflow

This only happens on Google Chrome and Safari (not a problem on Firefox).

If I have table that with multi-line data, it ends up expanding the table’s height — then instead of pushing down the DIV containing my footer, the table actually overlaps the footer. On Firefox the footer is pushed down as I’d expect.

Can anyone give me suggestion how to resolve this?
Will be glad to include specific code — the overall structure is as follows:

<div>
    <div id="main">

        //datatables being built here

    </div>
    <div id="footer">

        //footer code here

    </div>
</div>

newest questions tagged jquery – Stack Overflow

Click here for Links Support Topic – www.mattsaundersmcp.co.uk Twitter – www.twitter.com Facebook Page – www.facebook.com My Website for more tutorials – www.mattsaundersmcp.co.uk
Video Rating: 0 / 5

I’ve got a jQuery mobile app wrapped in PhoneGap. I’m trying to use a fixed footer and header and having some trouble with the footer.
If I have content with X length and then after a click the content is smaller – the footer would move up and not stick to the bottom of the screen. If I click on the screen it will go back to its place.

Any ideas why this happens?

My footer code is:

<div data-role="footer" data-position="fixed" data-id="footer_main">
                <div data-role="navbar">
                    <ul class="navbar">
                        <li><a href="#home" data-icon="home" class="search">Home</a></li>
                        <li><a href="#bycity" data-icon="search" class="search2">City</a></li>
                    </ul>
                </div><!-- /navbar -->
            </div><!-- /footer -->

This issue would happen on Android and iPhone in pretty much the same way (iPhone maybe even more).

BTW – I’m using jQuery mobile “jquery.mobile-1.0b2″ and PhoneGap 1.0

newest questions tagged jquery – Stack Overflow

Question by simsketch: Is there a way to use JavaScript or jQuery to include a header and footer like php?
I know how to do this with php, but I want to be able to view my site locally without having a server like XAMPP setup. This way, I can give my site to anyone and they can view it, but when I need to make changes to the header or footer, I only want to have to change one file.

Best answer:

Answer by Gitlez
Yes and No. Yes you can with certain things you can include the script, with the contents of that script writing html into the page.

No, in the sense that you cannot include header or begging html tags inside the document.

Possible solution: Thumbdrive Servers. You can download a self contained server (Server2Go), then all you need to do is zip the folder to share with others. All they’ll have to do is unzip the file, then run the one program file.

Let me know if you need some more info on this.

Cheers,

Gitlez

Yahoo Contact Form –> http://answers.yahoo.com/my/message_do?kid=mgNFAKInaa

Add your own answer in the comments!