https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict Gravity Support Forums Topic: 4 Columns top alignment browser conflict en-US Mon, 20 Apr 2026 15:09:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict#post-102263 Thu, 13 Dec 2012 13:43:00 +0000 WhatsUp 102263@https://legacy.forums.gravityhelp.com/ <p>Oh Yeah &gt; Thanks Rob.</p> <p>I at first did not understand the replacement of the "fieldset" with "div" as in your example, but eventually got it.</p> <p>#ShotALot </p> https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict#post-101794 Wed, 12 Dec 2012 18:01:13 +0000 WhatsUp 101794@https://legacy.forums.gravityhelp.com/ <p>Hi Rob</p> <p>Thanks for your reply. I opted for the second option and now have filesets as suggested, but still have the unaligned issue in Chrome browser.</p> <p>Please have another look<br /> My new CSS layout is here &gt; <a href="http://pastebin.com/L6Cx9VTB" rel="nofollow">http://pastebin.com/L6Cx9VTB</a> </p> https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict#post-101731 Wed, 12 Dec 2012 13:10:41 +0000 Rob Harrell 101731@https://legacy.forums.gravityhelp.com/ <p>I think you have two options here. The first option would be to target the individual fields with browser specific classes. If you look at the gform_wrapper div we append the browser name - so this was you can select fields specifically via not only the field ID, but also via the browser class.</p> <p>The other option you might have would be to try to wrap divs around chunks of fields using an HTML field and then styling those divs. You can see a tutorial on that here: <a href="http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425" rel="nofollow">http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425</a> </p> https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict#post-99337 Wed, 05 Dec 2012 18:30:03 +0000 WhatsUp 99337@https://legacy.forums.gravityhelp.com/ <p>My current CSS is here &gt; <a href="http://pastebin.com/r4B0zv3j" rel="nofollow">http://pastebin.com/r4B0zv3j</a> </p> https://legacy.forums.gravityhelp.com/topic/4-columns-top-alignment-browser-conflict#post-99336 Wed, 05 Dec 2012 18:23:09 +0000 WhatsUp 99336@https://legacy.forums.gravityhelp.com/ <p>Hi</p> <p>I have been hacking at my CSS for a while now to get my form into 4 columns.<br /> It currently looks OK in FireFox but not in Chrome or Safari.</p> <p>The 2nd, 3rd and 4th column are not aligned to the top.<br /> Have a look here:<br /> <a href="http://whatsupsouthafrica.com/category-selection/" rel="nofollow">http://whatsupsouthafrica.com/category-selection/</a></p> <p>Please help with my layout. </p>