https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form Gravity Support Forums Topic: Weird CSS Issue Where Footer DIV is Rendering Mid-Form en-US Sun, 19 Apr 2026 23:47:32 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73629 Mon, 03 Sep 2012 01:28:31 +0000 Chris Hajer 73629@https://legacy.forums.gravityhelp.com/ <p>You're welcome. </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73628 Mon, 03 Sep 2012 01:19:34 +0000 Rone 73628@https://legacy.forums.gravityhelp.com/ <p>That did the trick! Thanks! </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73626 Mon, 03 Sep 2012 00:58:16 +0000 Chris Hajer 73626@https://legacy.forums.gravityhelp.com/ <p>I'm not exactly why it's happening, but you can add this to your theme's stylesheet (or wherever your theme provider suggests adding custom CSS):<br /> <pre><code>[css] .gform_wrapper div.gform_page_footer { clear:both; }</code></pre> <p>That should move the footer back down into position. After you do that, take a look at how the Add This block moves. I think that plugin is related to your problem. </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73624 Mon, 03 Sep 2012 00:40:21 +0000 Rone 73624@https://legacy.forums.gravityhelp.com/ <p>Good catch. However after fixing those the issue is still occurring. </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73618 Mon, 03 Sep 2012 00:19:58 +0000 Chris Hajer 73618@https://legacy.forums.gravityhelp.com/ <p>I see some weirdness in the HTML in this section:</p> <pre><code>[html] &lt;ul id=&#39;gform_fields_3&#39; class=&#39;gform_fields top_label description_below&#39;&gt;&lt;li id=&#39;field_3_97&#39; class=&#39;gfield gfield_html gfield_html_formatted gfield_no_follows_desc&#39; &gt;&lt;p style=&quot;font-size: small;&quot;&gt;Please fill out this form to apply.&lt;/span&gt; &lt;/p&gt; &lt;p style=&quot;font-size: small;&quot;&gt;I understand that by filling out the PuroClean Employment Application I authorize the PuroClean Human Resources department to thoroughly investigate all statements contained in my application and resume (unless otherwise noted) and I hereby state the information given by me is true and complete to the best of my knowledge. I understand that any false statement or misrepresentation on this application is sufficient cause for refusal to hire or dismissal if I have been employed.&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;font-size: small;&quot;&gt;I understand that PuroClean conducts employment physical examinations and drug testing and all job offers are contingent upon the results of such tests.&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;font-size: small;&quot;&gt;I further understand that I will be required to sign this application if I am selected for an interview.&lt;/span&gt;&lt;/p&gt; &lt;p style=&quot;font-size: small;&quot;&gt;PuroClean is an Equal Opportunity Employer.&lt;/span&gt;&lt;/p&gt;</code></pre> <p>You're closing spans which don't exist. Please make sure the HTML you add to the form is valid. I think that will take care of it. </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73617 Mon, 03 Sep 2012 00:08:13 +0000 Rone 73617@https://legacy.forums.gravityhelp.com/ <p>Yep sorry about that. The client is currently working through some trouble DNS issues. </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73611 Sun, 02 Sep 2012 23:33:49 +0000 Chris Hajer 73611@https://legacy.forums.gravityhelp.com/ <p>That URL returns a 404. Can you please post a working URL?</p> <p>Usually when a div floats up or down like that, it's due to invalid HTML somewhere in the page. If you used any HTML blocks in the form, that would be the first thing to check. You can also try validating your page at the W3C. That will help pinpoint any errors which will affect your layout.</p> <p><a href="http://validator.w3.org/" rel="nofollow">http://validator.w3.org/</a> </p> https://legacy.forums.gravityhelp.com/topic/weird-css-issue-where-footer-div-is-rendering-mid-form#post-73606 Sun, 02 Sep 2012 21:58:25 +0000 Rone 73606@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I have a weird issue on a multiple page form were the Gravity Form's Footer DIV (.gform_page_footer) is showing above/before and seemingly behind fields with condition logic and/or Ready Classes applied. </p> <p>As you use answer questions at the end of the form and initiate the conditional logic, the submit button gets moved down...however the footer DIV seems to remain stuck on the middle of the form.</p> <p>Seems like a CSS issue, any help would be greatly appreciated (after the holiday of course :) ). </p> <p>Thanks! </p>