PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

IE, Safari & Chrome discrepencies

  1. HI,

    I could do with a bit of css help applying specific rules for these browsers. On http://webstrategymarketing.com the signup button on the top right hand side of the page drops down in IE Safari and Chrome. How can I add specific rules in the css file to correct this.

    Any help would be greatly appreciated.

    Posted 11 years ago on Monday July 12, 2010 | Permalink
  2. There are various browser-specific hacks that you can use, a quick google search will turn up a few. Some work well, others not so much.

    I personally like this method a lot. It's a browser-sniffer for WordPress. You add a snippet to your functions.php file and it appends a class for the browser to the body class.

    http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress

    so, at the very end of your theme's style.css file, you would add rules something like this..

    body.safari .gform_footer {margin:10px}
    body.chrome .gform_footer {margin:15px}
    body.ie .gform_footer {margin:8px}

    That way, you have browser-specific rules without resorting to hacks.. you just base the new rules on inheritance from the body class.

    Posted 11 years ago on Monday July 12, 2010 | Permalink