Signin Form doesnt work in IE

[mrks]

Hello folks,

i have a problem with my SignIn Form in Internet Explorer.
The Problem is, that i cant see the Input Labels (eMail and Password) at IE but it works perfect in FF, Safari and so on.

My Form:

Code:

E-Mail:

Password:

Remember me

• Forgot your username?
• Forgot your password?

I already found out, that it works when i delete the "name="loginform" id="loginform"" but then, i cant login without these informations.

Does anybody know, how to solve that?
A idea was, to code a IE only Login Form but i can write an ie stylesheet only but not an ie html file only :P

Here is the Link to the Site: http://ptfp.edvo.htl-donaustadt.at
And here the Stylesheet: http://ptfp.edvo.htl-donaustadt.at/ptfp … layout.css

Thanks!

[mrks]

Doesn’t work with position: relative/absolute.

I just found out that, when i delete display: none from the LoginForm, that i have the inputs label in IE.
But the Problem is that i need the display:none.. otherwise the loginform is everytime there without clicking on the signin button.

Code:

#loginForm {
z-index: 99999;
position: fixed;
width: 200px;
font-size: 0.8em;
color: #477;
margin: 32px 0 0 0;
padding: 15px;
background: #ddeef6;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
/*display: none;*/ IE
}

Is there a special trick for display:none in IE?

[mrks]

No ideas, how to fix that problem?

[mrks]

Hi jamy_za,

okay, now the input fields works.. i dunno why i didnt thought about this idea.

But another Problem is, when i open the Form, that he move the full site (navigation, content, footer..) down.. but he should overlay the Form.

Do you know why?

[mrks]

No, not really. With position: absolute; its on the right side of the loginform.
I also tried it to position it relative but it ended with the same "effect"..

And when i position it with absolute and move it with top:, right:.. the "area" with the submit button and the links isnt inside it.

[Author]

Posts