Forums

Custom Theme - Blank Area Under Footer

Permalink
Hey everybody,

I'm trying to make it work since yesterday, but it's getting me crazy, so, you can go tohttp://www.lionkin.com.br and see the blank area/space under the footer.

Here goes the codes:

footer.php
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
require(DIR_FILES_ELEMENTS_CORE . '/footer_required.php');
?>
</body>
</html>


default.php index.php and view.php
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
$this->inc('elements/header.php');
?>
<div class="container">
   <div id="Container" class="container" >
      <div id="Header" class="container">
         <div id="Logo" class="row"/>
      </div>
       <div id="BorderTop" class="container"></div>
       <div id="Stage" class="container">
         <div class="row">
            <div id="Slideshow" class="sixcol nivoSlider">
               <div id="slider" class="nivoSlider">
                  <img src="images/slider_image1.png" />
Viewing 15 lines of 43 lines. View entire code block.


and here the CSS parts:
#Stage and #BorderBottom
div#Stage{
    min-height: 400px;
    height: auto;
    background-color: white;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    clear: both;
}
div#BorderBottom{
    background-color: black;
    bottom: 0px;
    background-image: url(images/BorderBottom.png);
    background-repeat: x;
Viewing 15 lines of 19 lines. View entire code block.


#Footer
div#Footer{
    bottom: 5px;
    height: 20px;
    width:100%;
    padding-top: 10px;
    text-align: center;
}


I would be so glad if somebody could help me to get rid of that blank space.

Thanks!
 
Steevb replied on at Permalink Reply
Steevb
Check your css.

Doctype wrong, do a standard W3C check

http://validator.w3.org/

Don't import css.


div#{
bottom: 5px;
}


Bottom what?
HeitorSS replied on at Permalink Reply
By direct input: 3 Errors, 1 warning(s) 


Info Using Direct Input mode: UTF-8 character encoding assumed
    Unlike the “by URI” and “by File Upload” modes, the “Direct Input” mode of the validator provides validated content in the form of characters pasted or typed in the validator's form field. This will automatically make the data UTF-8, and therefore the validator does not need to determine the character encoding of your document, and will ignore any charset information specified.
    If you notice a discrepancy in detected character encoding between the “Direct Input” mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.


Validation Output: 3 Errors
    Error Line 4, Column 1: document instance must start with document element
    /* CSS Resets */
    ✉
    Error Line 4, Column 1: character data is not allowed here
    /* CSS Resets */
    ✉
    You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:
        putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or
        forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or
        using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML.
    Error Line 335, Column 2: no document element
    }


I inserted "bottom" to bring the element to the bottom of the page. But anyway, I'm not secure if it's correct, I'm learning by myself.

I appreciate your help and need more, the blank space still there.
mhawke replied on at Permalink Reply
mhawke
div#Footer{
bottom: 5px;
height: 200px;
width:100%;
padding-top: 10px;
text-align: center;
}

I changed the height of the footer to 200px and the white area disappears. Is that what you were trying to do?
HeitorSS replied on at Permalink Reply
Almost there. I don't want the scrollbar in the home page, just in the blog or any other page.

So it need to fit the window of the user.

Any solution?

Thanks!
HeitorSS replied on at Permalink Reply
Is possible some trick with "extra padding" and "negative margin"? I tried by myself without success.

Still waiting a solution and thanks for the ones who already tried to help me out.
wpatters1229 replied on at Permalink Reply
wpatters1229
Do not know where to turn to but I have made changes in the footer.php and this is the footer under the elements for my theme. I can never seem to see that changes in the site. What could be the problem...this is just a basic free theme that is located under concrete/themes/dark_chocolate.
It is almost as if the site is using another footer include file.
VERY Frustrating...I am new to concrete5 and figured if this simple thing works then I am working in the right area. And yes I did search for the answer but it does not seem to work.