Problemas com o IE para variar. :)

[Edgard Hufelande 27]

Alguém sabe me dizer por que o meu código jQuery não funciona no IE e o layout fica meio torto?

Obs: Sou programador, não webdesigner, mas consigo da uma mexida legal com CSS. rs

 

http://cgh.hufelande.com/home/login/

[William Bruno 1501]

pq vc ta usando doctype html5, se não tem nenhuma tag html5 no código ?

 

vc posicionou os elementos da forma mais difícil possível. Tente trabalhar sem usar margins negativas, por exemplo. Dá muito menos dor de cabeça.

 

E aquela div #line, esqueça ela.. não é assim q se faz sites em tableless hoje em dia.

[Edgard Hufelande 27]

O html5 é padrão do Netbeans, quando crio o arquivo html já vem com o doctype.

 

Ele lê normal em todos os navegadores, só que no IE da alguns probleminhas.

E não vejo problema em usar margens negativas, só a parte dos campos que ficam mal posicionadas.

 

e em relação ao jQuery? Alguma ideia do por que não funcionou?

[Tiago Sabadini 3]

Rapaz, pra mim só o botão logar que está fora do lugar aqui, mas dê atenção ao que o William tá falando, pois as vezes os profissionais acabam não conseguindo criar boas estruturas com css/html e culpam a falta de padrão dos navegadores, mas na verdade nós é que não criamos o documento conforme as regras.

 

Então pense: não é pq está funcionando agora que vc fez certo. Uma hora vai dar zebra..... :)

 

#main #footer .loginbutton{
    margin: -40px 45px; /* <--- Isso não faz muito sentido... */
    background: url('/public/images/login/login-button.png') no-repeat scroll 0 0 transparent;
    border: none;
    float: right;
}

 

Margem negativa pra cima e pra baixo? Me corrijam se eu estiver errado.

[Edgard Hufelande 27]

Margin negativa seria para no caso subir o botão, e a positiva para mover mais para a direita. :)
Como eu iria subir mais o botão sem ser pela margin negativa?