i'm working on my website and I noticed that there's a big white space at the bottom of the webpage. It's not visible in Google Chrome and IE but it is visible in Firefox. How can I remove this?
Just looked at your code and noticed 1 big flaw.
Your current markup is as follows:
<body class="site com_content view-featured no-layout no-task itemid-101"> <div class="body"> <header class="header" role="banner"> <div class="header-inner"></div> <div id="Logo"></div> <div id="header"></div> <div class="row-fluid"></div> <footer class="footer" role="contentinfo"></footer> </header> </div> </body>
You have wrapped your whole site inside the
The markup should be like this:
<body> <header>ONLY HEADER STUFF HERE!</header> <div class="content">MAIN PART OF SITE HERE</div> <footer>ONLY FOOTER STUFF HERE!</footer> </body>
Then, within the header tag, there is an element with a
moduletable which you have set to 100px in your CSS. The whole website content area had been put inside this.
Please look through your index.php and check for any missing closing tags. If none are found and this has been done on purpose, you will need to re-write your HTML markup