WordPress.org

1. DanBowling
   Member
   Posted 5 years ago #

   Try validating your HTML. Valid code is MUCH easier to debug.
   http://validator.w3.org/check?verbose=1&uri=http%3A//www.echoplayer.com/index.php

2. Icebox
   Member
   Posted 5 years ago #

   Hi,
   I went through my code, and realised I had put a "u" instead of "ul" and there was an extra </div> that didn't need to be there.
   It's made http://www.echoplayer.com/index.php a little better, but there are still a number of problems:
   The three columns don't appear to be lining up, height-wise.
   There's that massive gap in the content area
   The content area stretches down to the bottom of the page, and the footer isn't there (this is likely to do with the javascript used to line up all three columns not working).
   If you look here: http://validator.w3.org/check?verbose=1&uri=http%3A//www.echoplayer.com/index.php
   It's bringing up errors, but I don't know what it's going on about - it's line numbers are messed up (they don't match with the source code from index.php (when I've viewed it online)).
   Please could someone help? :(

3. Jabbok
   Member
   Posted 5 years ago #

   Check the "textarea" in your CSS. Adjust the width accordingly.

4. Icebox
   Member
   Posted 5 years ago #

   I'm still not certain about what needs fixing, and where :?

5. macmanx
   Member
   Posted 5 years ago #

   Every section or phrase of code in your index.php file which begins with either <div> or <div something> needs to end with </div> at the end of the section or phrase of code.

6. Icebox
   Member
   Posted 5 years ago #

   Yeah I know that, it's just I've looked through the code multiple times and can't find any missing divs.
   Before this though I did delete a </div because the validator was telling me I had an extra div that wasn't needed (so I searched through the code and found the extra one... it didn't give the error, but now these new ones come up).

7. alphaoide
   Member
   Posted 5 years ago #

   Delete clear: both; in .feedback.
   It will eliminate your current issue but introduce another one as pointed by cwsaylor in this thread http://wordpress.org/support/3/12575
   It might not affect you, though.

8. Icebox
   Member
   Posted 5 years ago #

   Did that - it got rid of that massive gap, but the three columns still don't align, and the footer isn't showing :?

9. alphaoide
   Member
   Posted 5 years ago #

   You have the following that's why the footer is not visible
   `#footer {
   ...
   visibility: hidden;
   ...
   }
   And how you want the columns to align? How you want them to look like?

10. Icebox
    Member
    Posted 5 years ago #

    The column thing is here: http://www.sitepoint.com/article/exploring-limits-css-layout
    That's why the footer is invisible, as it needs to find a general height for all three columns, and then sow the footer at the very end.
    It's confusing as to how to get everything to work properly :?

Topic Closed

This topic has been closed to new replies.