Firefox/Chrome Layout Problem (8 posts)

  1. elric331
    Posted 3 years ago #

    Hi everyone, hopefully I'm posting this in the right area.
    I'm new to web design and I was hoping you guys could help me with an issue I have.
    So basically my website layout works perfectly in Chrome but is spaced out way too much in Firefox and IE.
    I've been messing around with the CSS and I've scanned through all of my HTML code but can't find out what the issue is.
    I know Firefox calculates percentages differently but it wouldn't explain why it's off by so much so I'm fairly sure there's something I'm missing in my code.

    The links here:


  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    I just get three errors on the page. But it's likely that your layout problems are caused by HTML mark-up or CSS errors. Once you get the site back up, start by validating your pages to ensure you have valid code:


  3. elric331
    Posted 3 years ago #

    I ran it through the validator but the errors don't make sense :s

    I fixed this error: "Stray end tag head." by removing wp_head() and I can't find the stray end tag head anywhere. I only see the one but I doubt I should be removing that. Another error: " Attribute name not allowed on element meta at this point. " which again, it's fixed when I remove wp_head() which is rather odd and I can't remove that function either.

    Also, I don't see how the error: " An body start tag seen but an element of the same type was already open. " applies. It's fixed when I change <body <?php body_class(); ?>> to just <body> but I don't see what's wrong with the former.

    Much appreciated if you could help me explain the errors!

  4. WPyogi
    Forum Moderator
    Posted 3 years ago #

    No, you should not be removing or changing any of those things... In fact, you should probably reinstall your entire theme if you've modified theme files. That may clean up some of the errors.

  5. elric331
    Posted 3 years ago #

    Yea, I've re-installed my entire theme but the layout issue is still the same :/
    Completely stumped on which part of the code is giving me this problem.

  6. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Yep, something is not right in your header.php file, possibly elsewhere. Where did that theme come from?

  7. elric331
    Posted 3 years ago #

    Eh, it was based off the blankslate theme. I changed things around.
    Here's the code for my header.php file if you have the time to take a look :s


  8. That won't work, use http://pastebin.com/5ngEgdX5 instead.

Topic Closed

This topic has been closed to new replies.

About this Topic