https://legacy.forums.gravityhelp.com/topic/creating-forms-with-tables-breaks-in-ie Gravity Support Forums Topic: Creating forms with tables breaks in IE en-US Tue, 21 Apr 2026 11:59:25 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/creating-forms-with-tables-breaks-in-ie#post-31733 Thu, 04 Aug 2011 15:17:14 +0000 Kevin Flahaut 31733@https://legacy.forums.gravityhelp.com/ <p>Sure. No worries. You had the right idea, you just have to consider the existing form markup and how your new markup will work in conjunction with it. It takes a tad more planning, but when done right you can do some pretty neat stuff. </p> https://legacy.forums.gravityhelp.com/topic/creating-forms-with-tables-breaks-in-ie#post-31718 Thu, 04 Aug 2011 14:24:26 +0000 VailPM 31718@https://legacy.forums.gravityhelp.com/ <p>Ahhh, I see. Thanks for pushing me in the right direction. </p> https://legacy.forums.gravityhelp.com/topic/creating-forms-with-tables-breaks-in-ie#post-31475 Tue, 02 Aug 2011 17:27:22 +0000 Kevin Flahaut 31475@https://legacy.forums.gravityhelp.com/ <p>Your markup is wrong. You're mixing tables and list elements and that's making the browser angry. The others are apparently being more forgiving for the bad markup. You can see several of the improperly opened/closed list items inside the table &lt; td &gt; elements</p> <pre><code>[html] &lt;tr&gt; &lt;td colspan=&quot;5&quot;&gt; &lt;!-- oops.. pieces of a list just floating around in here.. oh the humanity.. --&gt; &lt;/li&gt; &lt;li id=&#39;field_1_30&#39; class=&#39;gfield&#39; &gt; &lt;label class=&#39;gfield_label&#39; for=&#39;input_1_30&#39;&gt;Other&lt;/label&gt; &lt;div class=&#39;ginput_container&#39;&gt; &lt;input name=&#39;input_30&#39; id=&#39;input_1_30&#39; type=&#39;text&#39; value=&#39;&#39; class=&#39;medium&#39; /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&#39;field_1_31&#39; class=&#39;gfield tabler&#39; &gt; &lt;label class=&#39;gfield_label&#39; for=&#39;input_1_31&#39;&gt;Untitled&lt;/label&gt; &lt;div class=&#39;ginput_container&#39;&gt; &lt;input name=&#39;input_31&#39; id=&#39;input_1_31&#39; type=&#39;text&#39; value=&#39;&#39; class=&#39;medium&#39; /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&#39;field_1_32&#39; class=&#39;gfield tabler&#39; &gt; &lt;label class=&#39;gfield_label&#39; for=&#39;input_1_32&#39;&gt;Untitled&lt;/label&gt; &lt;div class=&#39;ginput_container&#39;&gt;&lt;input name=&#39;input_32&#39; id=&#39;input_1_32&#39; type=&#39;text&#39; value=&#39;&#39; class=&#39;small&#39; /&gt;&lt;/div&gt; &lt;/li&gt; &lt;li id=&#39;field_1_33&#39; class=&#39;gfield tabler&#39; &gt; &lt;label class=&#39;gfield_label&#39; for=&#39;input_1_33&#39;&gt;Untitled&lt;/label&gt; &lt;div class=&#39;ginput_container&#39;&gt; &lt;input name=&#39;input_33&#39; id=&#39;input_1_33&#39; type=&#39;text&#39; value=&#39;&#39; class=&#39;small&#39; /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&#39;field_1_29&#39; class=&#39;gfield gfield_html gfield_html_formatted gfield_no_follows_desc&#39; &gt; &lt;!-- list is still open, but now we jump back to a table element --&gt; &lt;/td&gt; &lt;/tr&gt;</code></pre> <p>If you're going to introduce new HTML markup into the form, you need to make sure it's properly formatted so it renders correctly in all of the browsers.</p> <p>If you're having problems with the markup/HTML fields, you have to remember that the main form is structured using an unordered list. If you want to interrupt that flow to add table markup, you need to first close the list, then add your markup and re-open the list manually so the form continuity is preserved. That sounds difficult, but it's not really. Here's an example using div's as the containers instead of tables. The concept is the same though.</p> <p><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/creating-forms-with-tables-breaks-in-ie#post-31466 Tue, 02 Aug 2011 15:48:41 +0000 VailPM 31466@https://legacy.forums.gravityhelp.com/ <p>I used html in my form to make it appear as a table and it works fine in FF, Chrome, etc but breaks in IE 7. IE 8 is fine. The url is <a href="http://www.vinotours.co/careers" rel="nofollow">http://www.vinotours.co/careers</a>. It also breaks the forms in /contact. Any thoughts on why this is? My inputs all go to new lines instead of floating left, and there are a variety of css issues. I did some overrides in my style.css so my guess is these are what is causing it, but I can't believe it would break this easily. Thanks in advance for any help / suggestions you can give me. </p>