WordPress.org

Ready to get started?Download WordPress

Forums

Weird formatting problem (18 posts)

  1. johncsnider
    Member
    Posted 6 years ago #

    For some strange reason, this page...

    http://www.americanfreethought.com/wordpress/about-john-c-snider/

    ...has a huge amount of white space at the top. None of the other pages I've created has this problem, for example...

    http://www.americanfreethought.com/wordpress/about/

    Any ideas?

    Thanks!

  2. shadow
    Member
    Posted 6 years ago #

    They both look the same to me - no huge amount of white space on either.

    Have you already fixed the problem?

  3. johncsnider
    Member
    Posted 6 years ago #

    shadow,

    No, I haven't changed anything, but when I look at them myself, I still see this problem.

    One thing I've noticed: on the page with all the white space, the title "About John C. Snider" actually begins *exactly* on the line *below* the last line in the SideBar! In fact, I added information to the SideBar to see if it was a coincidence, but it's not. The title line starts exactly at the bottom of the SideBar.

    Any other ideas? Help! Please! :)

  4. johncsnider
    Member
    Posted 6 years ago #

    On a whim, I logged onto my wife's computer and went to the website. On her browser EVERY page's content begins just below the end of the SideBar! We have different model computers and she's on Vista while I'm on XP.

  5. shadow
    Member
    Posted 6 years ago #

    Just looked at in IE 7 and yes all the pages are loading below your sidebar. It will be an incorrectly placed div, either after your sidebar or after your page code. In fact, a quick look at your source and I think you may have 4 divs after your page ends when it should only be 3.

    Sorry, don't have the time right this minute to go right over it though.

    Just check your div's for correct closing tags.

  6. johncsnider
    Member
    Posted 6 years ago #

    Well, I'm no coder so most of what you said just went right over my head. I'm just using the templates, so surely I'm not the only person with this problem.

    Are you looking at the source code in the SideBar, or for the page? How would I know if I have too many "div's"?

    Thanks!

  7. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    You can validate your code here.

    That will show you where your errors are.

  8. johncsnider
    Member
    Posted 6 years ago #

    Thanks for the tip. I did that , but it found no errors and says the page is "validated".

    Now what?

    Thanks

  9. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    The code <div id="leftside"> just before your post is pushing your entry down as far as I can tell.

  10. johncsnider
    Member
    Posted 6 years ago #

    Sorry to be a hard-head, but exactly what page are you looking at to find that code? <div id="leftside"> When I view the source for the page "About John C. Snider" (which is where I see this problem) I can't find that sequence.

    For what it's worth, I had a friend pull up the site on his Apple and the pages look perfectly fine. On my Windows XP just the one page has a problem. On my wife's Vista every page has the problem.

    Anyway, a little guidance on how to find this problem code you mentioned would be most welcome. Thanks!

  11. moshu
    Member
    Posted 6 years ago #

    While the OS (operating system) of a machine is good info, the browser you are using to see your site might give more information for troubleshooting. e.g. Win XP FireFox = OK.
    Win XP and IE6 = not OK... Mac (aka Apple) and Safari or FF etc.

    Anyway: that <div id="leftside"> is present on EVERY page/post of yours, since it is part of your theme's layout. (Bad layout, BTW, putting the content at the end...)
    But in the Page that doesn't behave you have some odd coding in the paragraph tags:
    <p align="left"> - remove that, make it just <p>
    That's the only difference I see on that Page.

  12. moshu
    Member
    Posted 6 years ago #

    Oh, I just remembered something...
    If the above correction doesn't work - try to remove (at least temporarily) all the italics from that Page; practically delete the <em> and </em> tags from it. Let's see...

  13. johncsnider
    Member
    Posted 6 years ago #

    Okay, I'll give that a shot - probably tomorrow night.

    But while I'm at it - what you do you mean by "bad layout, putting the content at the end"? I'm just typing the content directly into the box on the page form.

  14. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    moshu would know better than I.

    The code is about 3/4 of the way down in an editor, just before your post. Although deleting it makes the post move up, it causes other problems.

    BTW, I looked at all your navigation and all pages show the down problem in IE7.

    Sorry I can't be more helpful at this time.

  15. moshu
    Member
    Posted 6 years ago #

    Oh, the "bad layout" wasn't referring at you - it was about the theme designer/coder. If you look at your source code... everything else comes before the real content (post or Page). The code starts with the sidebar, which is nonsense in the case of a right sidebar!

  16. johncsnider
    Member
    Posted 6 years ago #

    Should I just ditch this theme altogether? I just picked something from WordPress's list o' themes.

    I've noticed that a lot of the advice I'm getting back is about "coding" issues. I started using a blog utility so I wouldn't HAVE to code! I want to be able to just use the forms and templates and move right on, not get bogged down doing line reading.

  17. moshu
    Member
    Posted 6 years ago #

    Well, the very first oddity I mentioned (about the p aligned left) was introduced into the Page by YOU when writing or copying the text. WP does NOT add that kind of code ever!

  18. johncsnider
    Member
    Posted 6 years ago #

    Well, all I did was type text directly into the WordPress box. I'm ditching this theme, which I believe is what's causing the problem. I'm going back to the clunky default theme for now.

Topic Closed

This topic has been closed to new replies.

About this Topic