chibineku Posted September 23, 2009 Share Posted September 23, 2009 I was having trouble with inputs bunching up in IE7 and I sorted it with a simple margin: 5px 0; statement. Fine. The labels for the inputs are still bunching up though, and they don't sit in line with the inputs they are labelling. I've tried assigning them the same margin and different line heights, but to no avail. Well, that isn't true: when I give the labels margin: 5px 0; they line up right, but they indent for some reason, each one starting where the previous one stopped, like a flyout menu.Here is a link without the margin on the labels:http://sinaesthesia.co.uk/registration_form.html Link to comment Share on other sites More sharing options...
jeffman Posted September 23, 2009 Share Posted September 23, 2009 labels and inputs are inline elements. float and clear only apply to block elements. Defining them as block might do something. Link to comment Share on other sites More sharing options...
chibineku Posted September 23, 2009 Author Share Posted September 23, 2009 Perfeto, papa.edit: now, any reason password inputs ought to appear shorter than text inputs, despite having the same size? Link to comment Share on other sites More sharing options...
jeffman Posted September 23, 2009 Share Posted September 23, 2009 When you use the size attribute, the length will be based on the font used. It could be that IE uses different defaults for password and text inputs. Try using CSS. Link to comment Share on other sites More sharing options...
chibineku Posted September 23, 2009 Author Share Posted September 23, 2009 Hm, I tried that, along with different font-weights and I can get it to expand, but never to the right size. It's not really that important, but I aim for consistency. If I set the size to 31 and not 30 for the password fields, it looks a hair's breadth off, which is better. But what selector can I use? I've read input [type=password] works, but it doesn't in IE7 and before anyway. I've also seen input.password, but that failed, too.Oh, since I'm applying the size at the element level, that declaration supercedes the stylesheet. Okay. Link to comment Share on other sites More sharing options...
chibineku Posted September 23, 2009 Author Share Posted September 23, 2009 Okat, [type=password] does work, and I assigned it a fixed px width. Works now - fantastico. A week ago I had all but given up on making my site work in IE7, but I'm glad for that 'all but' Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.