Hi
Im using Wordpress 3.3.1
I created a new form and set the "Form Label Placement" to be "Right Aligned".
I hit preview and it shows correctly in IE9 and IE8.
'http://www.screenshots.cc/show/57040/wh4f7'
But in IE7 the fields drop in a new line and not aligned next to each label.
'http://www.screenshots.cc/show/57039/xe7rh'
This happens both in preview mode and in my custom template.
Do you know what could be causing this?
Regards
Kevin
Not sure what it might be. How about you post a URL to your actual form and I'll be happy to check it out? I can't tell you anything definitive from just looking at your screenshots.
http://www.vibe-digital.co.uk/clients/cliffordfrench/ea-tripple-a/app1-home/
Thanks for having a look!
You can try adding these rules to the end of your theme stylesheet. They use the browser-specific classes to tweak things for just IE7.
[css]
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.right_label li.gfield div.ginput_container,
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.left_label li.gfield div.ginput_container {
float:left;
width:68%
}
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.right_label li.gfield div.ginput_container ul.gfield_checkbox,
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.right_label li.gfield div.ginput_container ul.gfield_radio,
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.left_label li.gfield div.ginput_container ul.gfield_checkbox,
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.left_label li.gfield div.ginput_container ul.gfield_radio {
margin-left: 0 !important
}test screenshot: http://bit.ly/yAAlgs
If you need to make other adjustments, just follow the example using the same CSS specificity and targeting the elements you need. I'm about to officially drop support for IE7 as it's more than 2 versions back now and a bit long in the tooth. The classes will still exist though so you can easily fine tune the display for the specific browser if you need.
Yeah, I hate IE in general but that's a whole other story. Yeah, it's time to embrace change and let IE7 fade into the sunset for sure.