https://legacy.forums.gravityhelp.com/topic/multiple-choice-display-in-ie Gravity Support Forums Topic: Multiple choice display in IE en-US Thu, 09 Apr 2026 07:19:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/multiple-choice-display-in-ie#post-25737 Tue, 17 May 2011 15:52:34 +0000 Kevin Flahaut 25737@https://legacy.forums.gravityhelp.com/ <p>Hmm. Strange indeed.</p> <p>So, I'm updating the default forms.css file for the next release with a fix. For now, you can copy the new CSS below and replace the contents of the forms.css file in your plugins folder. You can see the results of my tests in the screenshot below.</p> <p>CSS: <a href="http://pastie.org/1918207" rel="nofollow">http://pastie.org/1918207</a><br /> screenshot: <a href="http://grab.by/a9Am" rel="nofollow">http://grab.by/a9Am</a></p> <p>As I mentioned, this will be in the next plugin update so you shouldn't have to manually change anything in the default file moving forward. </p> https://legacy.forums.gravityhelp.com/topic/multiple-choice-display-in-ie#post-25680 Tue, 17 May 2011 10:46:10 +0000 stinkykong 25680@https://legacy.forums.gravityhelp.com/ <p>Yes the problem also shows when form is previewed in IE8 but only when I narrow the window to force the text to break into two lines. </p> https://legacy.forums.gravityhelp.com/topic/multiple-choice-display-in-ie#post-25677 Tue, 17 May 2011 10:40:06 +0000 Kevin Flahaut 25677@https://legacy.forums.gravityhelp.com/ <p>The radio labels normally work the same in IE8 as the other browsers. Do you have the same problem if you preview the form in IE8?</p> <p>Yours are most likely inheriting some property from your theme styles that's throwing it off. I'll take a look and see what I can find. </p> https://legacy.forums.gravityhelp.com/topic/multiple-choice-display-in-ie#post-25675 Tue, 17 May 2011 10:25:31 +0000 stinkykong 25675@https://legacy.forums.gravityhelp.com/ <p>In Internet Explorer (8), my multiple choice fields with longer descriptions display with the radio button above the text. Other browsers seem to display as desired with text displayed to the right of the radio button.</p> <p>Here is some CSS I tried adding:<br /> <code>.ginput_container ul li input, .ginput_container ul li label {display:block !important; float:left !important;}</code></p> <p>Here's the link: <a href="http://www.fumc-denton.com/gravityForms2/?page_id=2" rel="nofollow">http://www.fumc-denton.com/gravityForms2/?page_id=2</a></p> <p>Do you know of a way to make these behave in Internet Explorer as they do in the other browsers? </p>