Search code examples
javascriptjqueryhtmlcssyui

Empty Space at the bottom of the Page

A big blank/empty space generated after the footer container. My layout seems to be as 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/html">
    <head></head>
    <body id="cms-body" class="yui-skin-sam">
        <div id="mainContainer" class="clearFix">
            <div id="headerDiv"></div>
            <div id="bodyDiv"></div>
            <div id="footerDiv"></div>
        </div>
    </body>
</html>

We are using Yahoo YUI Js/Styles on our application. Issue raised when i navigate from more content page to less content page.

For instance: Big form page to less content page.

Please guide me to resolve the issue.

Thanks in advance.

Solution

  • Problem due to visibility:hidden property of YUI. Instead of it, use display:none property, so, it reduces the blank white space at the footer.