WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar menus dropped below main body (12 posts)

  1. fleetingyouth
    Member
    Posted 1 year ago #

    Hello all,

    Im helping out with a webpage for a friend and im learning wordpress as I transition from blogger.
    I have html and css knowledge but mostly im able to modify existing code.

    For some reason the left sidbar is being pushed below the main body. The only change from the rest of the pages i can find in the code is a font size difference.

    That aside I can figure out how to edit that specific pages code. wordpress is set up a lot different then blogger and im still figuring it out.

    If someone could point me in the right direction that would help out.
    thanks
    here is the page that is the issue.

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    check the content of that page using the 'text' (used to be 'html') setting of the editor;

    there might be an extraneous </div> at the end of the content.

  3. fleetingyouth
    Member
    Posted 1 year ago #

    Thanks for the tip. i checked and didnt see anything out of place.

    I was looking at the page source and saw this error. the </div> tags were in red. Stray end tag Div. But im unsure of what the problem is.

    </div><!-- #container -->

    </div>

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Did you try removing the extra div?

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    But im unsure of what the problem is

    have you checked the page's content - which is written when you create or edit the page under:
    dashboard - pages - edit page ...

  6. fleetingyouth
    Member
    Posted 1 year ago #

    Thanks for the reply everyone. I still have not figured out this issue. Maybe someone can look at the page and see if they notice anything wrong in the code?

    I did check the page content as mentioned above and I thought of deleting the second div code but all the other pages have the smae code so that doesnt seem to be it.

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Run the problematic webpage(s) through the W3C Validator and look for errors stating unclosed divs.

  8. fleetingyouth
    Member
    Posted 1 year ago #

    Thanks for the reply andrew I did try that earlier thats how I found the Stray end tag Div error most the other errors are minor and not conflicting things. It shows the error like this...
    </div><!-- #container -->
    the bold > being what its saying is the problem. but that doesnt seem wrong and its also on other pages like that but not coming up as an error.

  9. kmessinger
    Volunteer Moderator
    Posted 1 year ago #

    Delete one of these divs. Doesn't matter which one.

    </div>
    </div>
    </div><!-- .entry-content -->
    </div><!-- #post-## -->
    </div><!-- #content -->
    </div><!-- #content-container -->
  10. fleetingyouth
    Member
    Posted 1 year ago #

    thanks kmessinger i figured it was something like that now the only issue is I cant seem to find where the code is located. Ive looking in all the php files and im not use to having the code all separated like this.

  11. kmessinger
    Volunteer Moderator
    Posted 1 year ago #

    As alchymyth suggested check the content of that page. Go to dashboard, pages, all pages and find that one. click on edit. click on the text tab and see if there are two divs at the bottom. Remove one.

  12. fleetingyouth
    Member
    Posted 1 year ago #

    Thanks a ton you were right. I did look for the extra div when mentioned last time and there was only one but this time 2 maybe I looked at the wrong page.

    WordPress is a lot more different then blogger then I thought haha I have a lot to learn.
    Thanks again

Topic Closed

This topic has been closed to new replies.

About this Topic