WordPress.org

Ready to get started?Download WordPress

Forums

My blog is moving!! (9 posts)

  1. JDBostrom
    Member
    Posted 6 years ago #

    Got a problem here... Stuff on my blog is moving!

    Here's the situation. With much blood, sweat, and tears, I created my own theme: http://www.jonathanbostrom.com. And it seems to be fine except for two annoying things.

    1. The header moves. When viewed in a significantly different resolution, the header image moves to the right. It also moves to the right when you open a toolbar on the side of the page (i.e. history). Can't figure it out...

    2. The items in the footers under each post are constantly shifting. Sometimes the items are stacked one on top of eachother. Then they're laid out in a more organized fashion. Then they scatter again. No idea what's going on here!

    Does anyone have any idea how to fix these problems? I have reached the end of my rope.

    Thanks so much!

    Jonathan

    (Again, the website is: http://www.jonathanbostrom.com)

  2. Adam Brown
    Member
    Posted 6 years ago #

    You may have more blood, sweat, and tears coming...

    You've got validation problems.

    Invalid HTML can cause the sort of unpredictable irregularities you mention.

    Lots of those errors come from invalid img tags. They should always look like this:

    <img src="url to image" alt="describe image" />

    Note that alt attribute (it can be blank if you want, alt="") and the self-closing />

  3. Marcel Brinkkemper
    Member
    Posted 6 years ago #

    you have a margin-left of 18.9% so the exact value in pixels will vary with resolutions.
    note, there is a standalone </form> tag in your header.

  4. JDBostrom
    Member
    Posted 6 years ago #

    Thanks very much guys!

    Do you have a recommendation of how to best attack the problem? I am essentially illiterate when it comes to this stuff.

    When it comes to the margin-left of 18.9%, is the way fix that setting the margin for a fixed number of pixels?

    I'll try figure out the whole validation issue...

    Thanks again!

  5. Marcel Brinkkemper
    Member
    Posted 6 years ago #

    change 18.9% in auto this will center your header

  6. JDBostrom
    Member
    Posted 6 years ago #

    Odd, I tried that, but it immediately moved the header to the left.

  7. markdw
    Member
    Posted 6 years ago #

    Put your 'header' class/ID INSIDE your container. That way it will sit in the same location as the rest of the page.

  8. Adam Brown
    Member
    Posted 6 years ago #

    Until you fix the HTML validation errors, you can't rely on CSS alone fixing these irregularities.

  9. JDBostrom
    Member
    Posted 6 years ago #

    Thanks, let me see what I can do here...

Topic Closed

This topic has been closed to new replies.

About this Topic