PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form displaying incorrectly in IE7

  1. circus
    Member

    Hi there,

    Please see the small from at the bottom of the sidebar at http://www.bloodredink.com

    You helped me with some formatting issues the other day.

    I'm baffled however by how this displays in IE7...all you can see is the submit button. The red background box just isn't there, and I have no idea what is going on?

    Any help REALLY appreciated.

    Many thanks, Ab

    Posted 12 years ago on Thursday October 6, 2011 | Permalink
  2. Hi Circus,

    In IE7 there appears to be an issue with this CSS:

    [css]
    body #gform_wrapper_2 {
    	background-color: transparent;
    	background-image: none;
    	margin-top: 0;
    	padding: 0; }

    I found that by disabling background related styles in this declaration, the background of the parent div showed correctly.

    Posted 12 years ago on Thursday October 6, 2011 | Permalink
  3. circus
    Member

    Hey, thanks for picking that up.

    Have added a clearfix class to the container div which has sorted that...but now the submit button isn't floating as it should (and the entry filed is waaay too wide). See a modern browser to view it as it should be.

    Thanks for helping me along.

    Ab

    Posted 12 years ago on Thursday October 6, 2011 | Permalink
  4. Hi Circus,

    Short story is there are some styles that IE7 just doesn't like. A few things to try are ditching the 420px width the input is inheriting and floating the .gform_body left for this class. If you aren't already, go ahead and launch the IE dev tools (press F12 while using IE) and you can walk through the styles that each element is inheriting and view the HTML structure.

    Posted 12 years ago on Monday October 10, 2011 | Permalink