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.

IE8 labels left aligned

  1. I have form created with field labels "top aligned".....views perfectly in Firebox, but in IE8, the labels are left aligned. I wouldn't have noticed, but on the checkboxes, there is a bad "runover" in the field (not sure if I explained that correctly ?)

    Using GF 1.5.1.1 and IE is 8.0.6

    here is the url for the page with form: http://sustainableofficesolutions.com/contact-us/

    I've searched and haven't found a similar situation (with 1.5)....and I know about your solution of deleting IE, but my client wouldn't got for that!

    Thanks in advance!

    Tom Lyga

    Posted 13 years ago on Saturday April 30, 2011 | Permalink
  2. The labels normally work just fine (all placement options) in IE8 so it's most likely inheriting something wonky from your theme styles. I'm away from my Windows machine so I'll take a look at it as soon as I can and share my results with you back here.

    Posted 13 years ago on Saturday April 30, 2011 | Permalink
  3. thanks! I appreciate you looking at this.

    Tom

    Posted 13 years ago on Saturday April 30, 2011 | Permalink
  4. Kevin -

    FYI, I'm using an Artisteer generated them...I know they can be kind of "wonky" at times, but usually I can work things out.

    Tom

    Posted 13 years ago on Saturday April 30, 2011 | Permalink
  5. There is an inline CSS style that's probably being output by another plugin that's causing the problem. It's adding a width constraint and a left float property to the labels and IE is rendering those. If I disable those properties in that rule, you'll see that the layout is corrected.

    screenshot: http://grab.by/a0Gz

    the offending CSS rule is this:

    [css]
    table td label {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    margin: 3px 7px 0 0;
    padding: 0;
    }

    and you can see it inline with the markup if you view the source.

    screenshot: http://grab.by/a0GD

    I would try disabling plugins to see where it's coming from and if that doesn't work, make sure your theme itself isn't including those inline styles. Hope that helps you out.

    Posted 13 years ago on Saturday April 30, 2011 | Permalink

This topic has been resolved and has been closed to new replies.