• Hi

    On http://philipus.com/contact the footer is hovering mid-page. On the front page that is not the case because it is “pushed down” by the gallery there. The relevant div where the links and text are is .inside-widgets.

    Ideally the footer should always – that is, regardless of whether there is a gallery on the page or not – be in the middle, vertically speaking, of the white area at the bottom. And it would be great if it looked the same or at least similar on modern browsers.

    I’ve tried many things, such as relative and absolute positioning but i am unable to fix this. I’ve tried this in a conditional tag in header.php but also that doesn’t work. I’ve also tried implementing this tip but that didn’t work either.

    Can someone help?
    /p

Viewing 3 replies - 1 through 3 (of 3 total)
  • Start by sorting out the validation errors in your theme. Then move onto the CSS errors. You’re currently missing at least 1 closing </div>.

    Thread Starter pullman

    (@pullman)

    Thanks esmi. I am unable to correct these in the Markup validator:

    Line 107, Column 7: end tag for “div” omitted, but OMITTAG NO was specified
    </body>
    You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.

    Line 48: start tag was here
    ><div class=”container”>

    Line 107, Column 7: XML Parsing Error: Opening and ending tag mismatch: div line 48 and body
    </body>

    Line 108, Column 7: XML Parsing Error: Opening and ending tag mismatch: body line 47 and html
    </html>

    Line 108, Column 7: XML Parsing Error: Premature end of data in tag html line 2
    </html>

    Re the first error (line 107, column 7 and the related Info message re line 48) I’ve verified that all div tags are closed. There is literally nothing else to close that I can see.

    >> Can I look somewhere? I’ve only looked in (all) php files of the theme.

    Re the three “parsing errors”, I don’t even understand what they mean and the Validator site’s error list (http://validator.w3.org/docs/errors.html) offers no assistance.

    >>> Any ideas where I can look for more info or what they mean?

    I’ve also tried to correct CSS errors after the CSS validation. Here are my questions:

    1. In style.css, “transparent” is set as a value for Color. I understand that this is accepted by CSS 3 but not by CSS 2.

    >>> Need i do anything about this?

    2. In the contact form I use, the author has set the following for the Display property in various parts of the style sheet:

    -moz-inline-box; /*for mozilla*/

    I cannot find any reference to this online. And the CSS validator doesn’t accept it. It appears this is to cover for certain “mozilla” browsers. I thought that was Firefox?

    >>> Need i replace this with something else?

    3. There are lots of warnings focusing on the legibility of the text due to color settings.

    >>> I guess I can ignore them if the site displays well?

    Thanks for all your help
    /p

    Thread Starter pullman

    (@pullman)

    (deleted)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hovering footer’ is closed to new replies.