Briga de CSS ?

[- KbeçãO - 0]

Bom gente...

estou desenvolvendo um site, e como mtos, cai na pegadinha do IE...

estava feliz, programando o site, com css e pá, mas fui rodar no IE.....................

como diria o Sr.Omar, foi TRÁGICO !!!

tinha um bucado de coisas fora do lugar...

mas, ai, se ajusto o css pro IE, no mozila desarranja tudo...

 

no blog do Maujor achei a condicional:

 

<!--[if IE]>

Instruções somente para o IE

<![endif]-->

 

existe um "else" para essa função?

pq ai, se for IE eu incluo uma folha de estilo, se ñ for, incluo outra...

isso é possivel ??

[William Bruno 1501]

não é necessario.

 

siga estas dicas:

http://forum.imasters.com.br/topic/212439-como-criar-um-topico-para-o-seu-problema/page__view__findpost__p__1613498

 

 

se você ficar tentando criar um css para cada browser, vai ficar louco, e não vai conseguir.

E o Chrome? e o Safari? e o Netscape? e o Konqueror? ...

 

antes de ficar corrigindo para tal browser, veja se o erro não é o teu codigo.

[- KbeçãO - 0]

pois é...

só testei em 3 navegadores e ja to ficando doido...

claro, ñ tenho mta experiencia em programação ( isso ja ficou claro com a qtde de posts meus aqui no forum )

tão pouco tenho tempo para estudar, claro, sempre que pego uma função, ou codigo pronto, estudo sua estrutura para tentar entender oq se passa ali... ( nem sempre fica claro )

único curso de programação que fiz, foi básico de php...

vou olhar o topico que você me mandou...

[- KbeçãO - 0]

então...

fiz oq você falou...

olhei o topico que você me indicou, fui no seguinte site http://jigsaw.w3.org/css-validator/ para validar meu css..

realmente tinha um erro ou outro, apos corrigidos, muuuuuuita coisa voltou para seu lugar...

o unico erro que persistiu foi o da pagina contato, e da area de login...

pra variar, no IE...

x/

olha as fotos :

 

Mozilla:

 

 

IE ( ¬¬' ):

 

 

agora o css da pagina contato e da area de login:

 

//login:


#acesso { /* Area Login */

       width: 160px;
       height: 133px;
       float: right;
       border: 2px #EAEAEA solid;
       margin: 3px;

}

#acesso fieldset {

       float: right;
       overflow: hidden;
	border: 0px;

}

#acesso legend{

       font-size: 13px;
       margin: 1px;

       }

#acesso label {

       clear: left;
       width: 110px;
       font-size: 9pt;
       margin-top: 6px;
}

#acesso input {

       margin: 0 0 5px 5px;
       width: 120px;
}


#button_container {

       float: right;
       width: 145px;
	margin-top: -13px;


}

//contato

/* --  / Pg Contato / -- */

#contato{

 width: 970px;
 height: 380px;

}

#tb_contato{

float: left;
margin: 10px;

}

#tit_cont{

float: left;
font-size: 30px;
width: 930px;
margin: 5px;


}

#links_cadastro {

font-weight: bold;
float: right;
width: 270px;
margin-right: 60px;
margin-top: 1px;

}

#logo_end{ /*div da logo e do endereço*/

       float: right;
       width: 470px;
       height: 170px;
       margin-top: 70px;
       }

#logo_end img{
float: left;
}


p.end{ /*estilo do endereço*/
       float: right;
       width: 290px; 
       margin-top: 81px;
       }



a:link {
color: #000;
}

a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}

 

alguma dica para a solução?

 

andei lendo sobre css reset...

tentei aplicar um aqui:

* {
margin:0;
padding:0;
list-style:none;
vertical-align:baseline;
}

 

bem simples, mas desconfigurou tudo...

como aplico o css reset, sem perder os valores que eu criei?

acredito que isso vai resolver meu problema...

[Evandro Oliveira 331]

Como é o mesmo propósito.

 

Acompanhe a discussão através deste link: http://forum.imasters.com.br/topic/428840-css-reset/