Random white space appearing at the top of the page outside of body tags

  • Resolved JaanMatti

    (@jaanmatti)


    11 years, 11 months ago

    Hi everyone,

    I’m creating a 100% custom WP site and I’m having some trouble with a white 20px tall strip appearing randomly at the top of my website. It seems to be constant on most of the pages, like:

    http://borealis.webson.ee

    And then disappearing and reappearing on this page after several refreshes:

    http://borealis.webson.ee/eraklient

    I have no idea what is causing it. I’m using Google Chrome and the inspect element tool shows like it’s happening outside the <body> tag, so I can’t even trace it. I know my CSS is a mess right now, but I’ve been scanning the web for solutions for ages and havent found any that apply to my situation.

    Maybe someone can help.

    Thanks,
    Jaan-Matti

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    (@wpyogi)

    11 years, 11 months ago

    That is not visible in Firefox — or using Firebug. Perhaps start by Validating your pages and cleaning up the mark-up and CSS errors on the pages…

    Thread Starter JaanMatti

    (@jaanmatti)

    11 years, 11 months ago

    Thanks WPyogi, the idea of Validating my pages first also pointed me towards the solution.

    In my case, the problem was, that when encoding my HTML pages in UTF-8, Notepad++ added a Byte Order Mark in the beginning of every HTML page. It wasn’t visible in Notepad++, but the browser picked it up and applied a body line height to it. I fixed it by turning the encoding to UTF-8 without BOM in Notepad++ and then copy&pasted every header file again.

    Jaan-Matti

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Random white space appearing at the top of the page outside of body tags’ is closed to new replies.