CSS Para Diferentes Navegadores

[Marcelo Bing_162098 0]

Estou com um pequeno problema em relação ao css e como a página é apresentada para diferentes navegadores, criei o css baseando-me no Chrome por ser o mais usado ultimamente, mas a alguns pequenos erros que o Firefox e o IE apresentam , se ique com o ie pode-se se usar o If, mas com o Firefox não sei oq fazer pois ele ignora algumas ordens de espaçamento e pricipalmente magin-top/left etc, O Opera graças a deus está lendo o css normalmente da mesma forma que o Chrom. Que tag ou hack devo usar para indicar ao Firefox o CSS que ele deve ler

[leonardo WD 0]

Po cara não é querendo desanimar, mas que eu saiba não há uma tag para usar um css diferente no firefox!

 

Tipo quando eu desenvolvo um site novo crio me baseando no Firefox ai nos outros navegadores geralmente o css fica igual de vez em quando o Internet Explore aparece com um erro ou outro! #FicaDica!

[NetBoy16 72]

Dependendo das propriedades que você usa no css, mais pras do css3, você tem colocar um -moz- antes pra poder funcionar no ff.

Mas talvez esse nao seja o seu caso, mas tb te recomendo validar a tua pagina nesse link: Clique aqui

[Teteu Six 4]

Po cara não é querendo desanimar, mas que eu saiba não há uma tag para usar um css diferente no firefox!

 

Tipo quando eu desenvolvo um site novo crio me baseando no Firefox ai nos outros navegadores geralmente o css fica igual de vez em quando o Internet Explore aparece com um erro ou outro! #FicaDica!

 

Até existe hacks para firefox mas é importante desenvolver nele e depois conferir nos outros navegadores, e se o problema esta nele confira o seu css, tem tecnicas de desenvolvimento que usando-as você em menos problemas no #IE sem contar que tem o Firebug que é excelente, mas cara use css reset, eu uso este:

 

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
   border: medium none;
   color: #5E5E5E;
   font-family: Lucida Grande,tahoma,arial;
   font-weight: inherit;
   font-style: inherit;
   font-size: 12px;
   list-style-type: none;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
}
:focus {
   outline: 0;
}
ol, ul {
   list-style: none;
}
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   font-weight: normal;
   text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: "";
}
blockquote, q {
  quotes: "" "";
}
* {
   border: medium none;
   font-family: Lucida Grande,tahoma,arial;
   font-weight: inherit;
   font-style: inherit;
   font-size: 12px;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
}
a:link {
/*border: medium none;*/
text-decoration:none;
}
a:visited {
border: medium none;
text-decoration: none;
}
a:hover {
/*border: medium none;*/
text-decoration: underline;
}
a:active {
border: medium none;
text-decoration: none;
}

 

Depois que eu usei esse reset meus problemas com a diferença entre chrome/safari com o firefox diminuíram muito, quase 100%, no IE também diminuiu bastante, mas ele ainda me atrapalha um pouco.

 

6 dicas para evitar problemas de incompatibilidade entre browsers.

 

Espero ter ajudado!