Yeah, You've got some big formatting issues there. It looks like there's more going on that just your form formatting.. I don't see your right sidebar at all in IE7.
Here's the deal. The Ready Classes are just simple helper CSS rules and they're not bulletproof by any means. There are reasonable limits to how they're laid out. If you start combining "thirds" and "halves" in odd ways things aren't going to or align properly in any browser. You're mixing fields that vary in height - some taller than their floated counterparts and this typically results in "hanging" floated elements.
So, I'm going to be honest with you. I would rethink the layout of the first section. Not just for proper formatting, but for usability. In my experienced opinion, the first section is a usability nightmare.
current screenshot: http://i.imgur.com/ge8gb.png
Your eye tracks all over the place and there isn't any real flow. I'm sure you're trying to conserve vertical space, but by now I would agree that most people know how to scroll a little bit to get to what they need. It's more important that they can easily scan and complete your form than trying to cram everything into a small space. Honestly, if I encountered this form, I would abandon it completely.
I would propose something more like this.
screenshot: http://i.imgur.com/siKio.png
By re-arranging a couple of the fields in the editor and applying the Ready Classes in a logical fashion ( also using the "gf_list_inline" class for the radio buttons ), the form formats properly and becomes something that's usually usable. I copied your form page, changed the class names in the markup and you can see my test page here:
http://bit.ly/qmyPFo
You'll also see that it actually formats properly in IE7 ( although your sidebar still goes missing )
screenshot: http://i.imgur.com/vZHDL.png
Okay, so that said, you're probably going to have to change your strategy here to get the formatting under control. I'm not going to be able to give you any IE7-specific fix. If you're stuck, we would always be happy to recommend a professional developer to help you out moving forward.
Posted 13 years ago on Tuesday September 6, 2011 |
Permalink