https://legacy.forums.gravityhelp.com/topic/cross-browser-formatting-issues Gravity Support Forums Topic: Cross Browser Formatting Issues en-US Sun, 19 Apr 2026 21:40:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/cross-browser-formatting-issues#post-55140 Thu, 12 Apr 2012 18:09:05 +0000 bwalklet 55140@https://legacy.forums.gravityhelp.com/ <p>So it looks like the best I could do was make the line with the emails have an extra field...so I added a 3rd email option. This seems to have fixed the alignment issues significantly. So for whatever reason, having a line of fields with the gf_half classes, followed by a line of fields with the gf_third classes resulted in extreme sloppiness in IE7.</p> <p>Is this a thesis issue? My own CSS customization issues? Or perhaps a GF thing (I trust it is unlikely)? </p> https://legacy.forums.gravityhelp.com/topic/cross-browser-formatting-issues#post-55099 Thu, 12 Apr 2012 15:34:34 +0000 bwalklet 55099@https://legacy.forums.gravityhelp.com/ <p>Nice. Taking that out fixed the button issue.</p> <p>Now the IE7 issue seems to be the only remaining one. I'll play with some of my custom css to try and fix it.</p> <p>Using Thesis btw. </p> <p>Thanks for your help! </p> https://legacy.forums.gravityhelp.com/topic/cross-browser-formatting-issues#post-55092 Thu, 12 Apr 2012 15:03:57 +0000 Rob Harrell 55092@https://legacy.forums.gravityhelp.com/ <p>Man, your theme is pulling in a lot of generic element CSS, for example:</p> <pre><code>[css] input { background: black; color: black; cursor: pointer; float: right; padding: 4px; }</code></pre> <p>That float right there is probably causing a majority of your issues. You might want to consider hiring someone to achieve the layout you want. By default Gravity Forms is pretty bulletproof cross-browser in terms of styling. We go to great lengths to ensure that as best we can. </p> https://legacy.forums.gravityhelp.com/topic/cross-browser-formatting-issues#post-55073 Thu, 12 Apr 2012 14:07:01 +0000 bwalklet 55073@https://legacy.forums.gravityhelp.com/ <p>It seems that I can't get my form right across browsers.</p> <p><a href="http://www.searchandperch.com/sportstrong/spring-league-registration/" rel="nofollow">http://www.searchandperch.com/sportstrong/spring-league-registration/</a></p> <p>There are 2 main issues:</p> <p>-The submit button is only where it's supposed to be (below the consent checkbox) in Chrome and Safari. Firefox and IE it is to the far right. It's currently set to float: center, because floating left moves the button outside of the form container. I'd like it to be below the consent box in all browsers if possible.</p> <p>-IE 7 and older put the fields in complete disarray. I want it to look as it does in other browsers, and I've already troubleshooted using the following tutorial: <a href="http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict" rel="nofollow">http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict</a></p> <p>Any ideas on how to resolve these two issues would be appreciated greatly. Thanks! </p>