IE8 labels left aligned « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

tmlyga
Member

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
Kevin Flahaut
Administrator

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
tmlyga
Member

thanks! I appreciate you looking at this.

Tom

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

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
Kevin Flahaut
Administrator
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.