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

  • Resolved JaanMatti

    (@jaanmatti)


    12 years, 10 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:

    https://borealis.webson.ee

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

    https://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)

  • 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)

    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.