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.

CSS Ready classes issue in IE7

  1. Hi,

    Any advice on aligning the following fields in IE7 'Manager Functie' I wish to make it behave as it would normally do in modern browsers using the ready class GF_left & right half. At the moment it leaps above Wijziging Manager when selected.

    Form:
    http://formsdev.firstpointhr.com/?page_id=300

    Screen shot
    http://www.evernote.com/pub/uxfam/shared_images

    Many thanks

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink
  2. Oops the screen shot and form are not exact but they are the same form the only difference is that the screen shot includes Dutch labels.

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink
  3. It isn't a problem with the class definitions themselves, it's your implementation. They're still just CSS floats, etc and if not implemented properly, can cause some wonky formatting.

    Your problem is that you're using 3 column classes for the first row and only using 2 column so the right column isn't clearing the floated elements below. Because of the width of the fields, some of the browsers are forcing it to clear anyhow.

    If you don't want 3 columns for your top 2 checkboxes, just use the right half/left half ready classes or else you may prefer to use the "gf_inline" class instead.

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink
  4. I see. Thank you, this is interesting to know.

    Posted 12 years ago on Thursday May 26, 2011 | Permalink