Support » Themes and Templates » Validation errors in custom theme–site works in FF but not Safari

  • Hi everyone,

    I’ve used these support forums a million times–thanks so much to all the wonderful people who contribute!

    My issue is this: I built my first theme, which appears to work fine in Firefox (site is at http://styleconscious.org ). However, it doesn’t seem to show my stylesheet in any other browser, and I think it has something to do with the call to it in my header, or possibly my index.

    The site did show up in Safari fine a few days ago, but I must have messed with some settings that broke it without my knowledge. I did deactivate the plugins that I installed/updated recently.

    I did validate the CSS, but am having issues slogging through my numerous problems in the XHTML version. Many of the errors have to do with this code: <div class="clearfloat border_bottom"></div> which I put in to create separation lines between posts. I have experimented with moving it around to different places in my code in attempts to resolve it (inside and outside the <p> and <div> tags), but it still pops up with error messages when I try to run it through W3C.

    I’m not sure if that has anything to do with the browser issues that I’m experiencing, but I’m assuming it’s probably causing problems somewhere.

    Anyway, thank you so much for reading my novel of a post! Any and all guidance that you could offer would be very greatly appreciated 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The call to the stylesheet in the header seems to be messed up, replace whatever you’ve got there with this and see if it works:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

    Boo unfortunately that didn’t fix the browser issue, but I’m sure that it helped some other problem I had! Thanks!

    Not sure what’s happening there but when I view source it shows your styelsheet being called like this <link rel="stylesheet" type="text/css" href="http://styleconscious.org/wp-content/w3tc/min/aa5dc1df16aa77139ad9eb8e792d8e69.3923667859.css" media="all" />

    the name of the styelsheet should be style.css, maybe double check that your stylesheet is named style.css and not something else, or else wordpress won’t recognize it.

    That’s really weird! I double-checked it, and my stylesheet is called style.css. When I viewed the source in Safari I got the same weird address that you got, but when I view it in Firefox I get this:
    <link rel="stylesheet" type="text/css" media="all" href="http://styleconscious.org/wp-content/themes/soconscious1.0/style.css" /> (which is right)

    Is my style.css supposed to be located in a different folder than in the theme, maybe?

    Michael

    (@alchymyth)

    Forum Moderator

    the w3tc plugin is causing this – some ‘minify’ setting.

    there are a few post in this forum, for instance:
    http://wordpress.org/support/topic/css-is-broken-with-latest-w3tc?replies=18

    Thanks! Changing the minify setting worked. I’m so impressed with myself that it wasn’t something that I did wrong, haha.

    Thank you maikunari and alchymyth–I really owe y’all! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Validation errors in custom theme–site works in FF but not Safari’ is closed to new replies.