https://legacy.forums.gravityhelp.com/topic/ie-safari-chrome-discrepencies Gravity Support Forums Topic: IE, Safari & Chrome discrepencies en-US Mon, 20 Apr 2026 05:32:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ie-safari-chrome-discrepencies#post-7300 Mon, 12 Jul 2010 10:57:23 +0000 Kevin Flahaut 7300@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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.</p> <p><a href="http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress" rel="nofollow">http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress</a></p> <p>so, at the very end of your theme's style.css file, you would add rules something like this..</p> <pre><code>body.safari .gform_footer {margin:10px} body.chrome .gform_footer {margin:15px} body.ie .gform_footer {margin:8px}</code></pre> <p>That way, you have browser-specific rules without resorting to hacks.. you just base the new rules on inheritance from the body class. </p> https://legacy.forums.gravityhelp.com/topic/ie-safari-chrome-discrepencies#post-7299 Mon, 12 Jul 2010 10:37:02 +0000 Striker22uk 7299@https://legacy.forums.gravityhelp.com/ <p>HI,</p> <p>I could do with a bit of css help applying specific rules for these browsers. On <a href="http://webstrategymarketing.com" rel="nofollow">http://webstrategymarketing.com</a> 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.</p> <p>Any help would be greatly appreciated. </p>