Problems solving oddly acting labels in ie7.

Posted by Qwibble on Stack Overflow See other posts from Stack Overflow or by Qwibble
Published on 2010-06-11T18:35:27Z Indexed on 2010/06/11 18:43 UTC
Read the original article Hit count: 265

Filed under:
|
|
|
|

Okay so this is sort of a double question so I'll split it into two.

First part

In modern browsers the main bold labels sit above their corresponding form elements, and align to the left as is expected. However in ie7, they randomly site 10-15px inset. I went through the developer tools and could find nothing to fix it. I've made sure all my margins and padding is reset so I don't really understand =S

Here's the page demo - link

Maybe some of you ie bug fixing genius's know what the problem is? =D

Second part

Again with labels, this time the in-line ones resident next to the check boxes and radio buttons. In modern browsers again, the side beside the form elements as expected, but not so in ie7 where they take a new line. I've tried floating, changing margins and everything but to no effect in sitting it in-line with the div.checker or div.radio that is created by the uniform Jquery plugin.

Here's the page demo - link

Sorry for troubling you with my ie7 problems, I know they arent the most fun to solve. Hopefully someone has the patience to help.

Matt

© Stack Overflow or respective owner

Related posts about html

Related posts about css