net_mage
Member
Hey Guys,
Anyone know why all of my hidden fields are generating a vertical space (gap) when the form is displayed? In FF2 and FF3 they are hidden correctly and not rendered to take up space. But in IE the form that is generated has a huge blank vertical gap where 4 hidden text fields are sitting. How can I correct this? Thanks.
It's most likely a blanket margin/padding value applied to all inputs in your theme stylesheet. I've seen this before.
You can try adding this to your theme style sheet.
input[type="hidden"] {margin:0!important; padding:0!important}
If that doesn't work, you can post a link to your form and I'll be happy to take a quick look at it.
net_mage
Member
Unfortunately that did not solve the mystery. I have looked at the css and I can't seem to find the issue.
http://hudsonsailing.org/fundraiser-form-1/
That is an example of one of seven forms with this issue. Thanks.
Found the issue. It's rendering the 20px margin rule for the containing list item (style.css line 2366). You can go ahead an remove the previous CSS rule and swap it with the one below.
This will fix the issue. I just specified the unique id's for each < li>
#field_12_3, #field_12_4, #field_12_6, #field_12_7 {display:none;}
I'm not exactly sure why IE7 is the only one that really had a problem with it though. We'll add a fix for this in the next release so it shouldn't be an issue moving forward.
