Support » Themes and Templates » Firefox/Chrome Layout Problem

  • 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:
    http://seiriki.cu.cc/

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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:

    http://codex.wordpress.org/Validating_a_Website

    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!

    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.

    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.

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

    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

    http://pastebin.com/5ngEgdX5

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Firefox/Chrome Layout Problem’ is closed to new replies.