Re: No Login with IE6
As far as I can tell, the spec for the label tag indicates that it should be as above. I downloaded your html page and css file, then uploaded them to my server. Here’s what I found:
The problem is stemming from the
<br> tag used inside of the
<label> tags. IE thinks the input element is still on the first line, but it’s really being displayed on the second line. Here’s how I have modified it, and it seems to work in ie:
<input name="user_login" type="text" id="user_login" size="13" maxlength="40" value="" style="display: block; clear: both; />
<input name="password" type="password" id="password" size="13" maxlength="40"style="display: block; clear: both; />
<input type="submit" name="Submit" id="submit" value="Login »" />
I’m not 100% sure about the functionality in IE, because I had to d’load the css file and place it on my server. In Safari it worked fine importing it as specified in the original HTML, however IE puked it up. Probably being oversecure in all the wrong places again! Anyhow, I’m pretty sure this will solve your problem.
Break tags are a somewhat quick and dirty way to break a line. This isn’t a bad element to use, but it should be used when appropriate, or at least when you want to be lazy and it doesn’t break stuff. (that’s the extent of my philosophy). Try this out, and let me know if it works for you.
I do see in another resource that the label tag can be associated either way, and should have a “for=” option if the input element is not found inside the label. Sorry for the mixup.
Either way, the
<br> tag is most likely the culprit. Adding the styles to those input tags, (or specifying them in the stylesheet) should fix the problem.
Links to LABEL element info (for documentation/S.E. purposes):