(Resolvido) Estilos Mozila!

[Vagner Nunes]

Prezados,

Boa tarde...

Em um projeto que fiz atualmente, fiz um arquivo CSS abaixo, e fiz um include, porém o IE não interpretou os estilos e o site saiu todo desconfigurado, daí fiz um arquivo chamado estilos.asp e coloquei esse arquivo como um include. Daí funcionou beleza, o problema que o Mozila Firefox não está aceitando esse include e sai todo desconfigurado, resumindo só fica perfeitinho no IE, mas o Mozila fica feio.

Alguém sabe o porque... O como posso resolver essa questão...

<style type="text/css">
<!--
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-color: #FFFFFF;
    background-image: url(imagens/background.jpg);
    background-repeat: repeat;
}
.oneColElsCtr #container {
    width: 46em;
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
a:link {
    text-decoration: none;
    color: #000000;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: underline;
    color: #057BBB;
}
a:active {
    text-decoration: none;
}
.style1 {font-size: 100px}
.style2 {
    font-size: 12px;
    font-weight: bold;
}
.style5 {font-size: 9px}
.style6 {font-size: 14px}
.style7 {font-size: 12px}
-->
.menu { {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.menu_rodape {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
.topo {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.rodape {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.corpo {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

<!--
input { 
background-color: #2C9AD7; 
font: 12px verdana, arial, helvetica, sans-serif;
color:#FFFFFF;
border:1px solid #A7B78A;
}
-->
<!--
.style8 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
-->
<!--
select { 
background-color: #2C9AD7;
font:12px verdana, arial, helvetica, sans-serif;
color:#FFFFFF;
}
-->
<!--
textarea { 
background-color: #2C9AD7;
font:12px verdana, arial, helvetica, sans-serif;
color:#FFFFFF;
}
-->

<!--
form.login {
 background-color: #2C9AD7; 
width:380px;
font: 11px Verdana, sans-serif;
color: #FFFFFF;
border: 1px solid #0000FF;
padding-left:10px;
}
.campos {
background-color:#2C9AD7; 
font: 11px georgia, sans-serif;
color:#FFFFFF;margin-right: 20px;
}
.botao {
background-color: #2C9AD7;
font: 10px Arial, sans-serif;
color: #FFFFFF;
}
-->
</style>

Alquém poderia me ajuda...

Sds,

Vagner Nunes

[bareta]

verifique no firefox lá os erros da página q aparece o q do css q não ta indo.

[Rafael Spilki]

Cara, isso não me impressiona porque em se tratando de CSS é realmente um pouco diferente entre o ie e o ff... ainda mais em se tratando de IE6.

Todo caso, eu procuro criar hj em dia sempre dois ou mais arquivos css, ou seja, um pro FF e outro pro IE... muitas vezes ainda crio um só pro ie6...

Enfim... acho que seu problema é css e não asp...

[]'s

[Vagner Nunes]

Cara, como posso fazer um esquema para o FF, porque o IE está beleza...

Será qu existe algo errado em meus estilos?

Abraços,

Vagner Nunes

[*FIT*]

Validou seu site na W3C?

Quem sabe não mostra alguns erros ou alertas, as vezes isso já ajuda a resolver boa parte do problema, fora que é sempre bom manter o site no padrão que a W3C "impõe". ;)

[Vagner Nunes]

Olá pessoal beleza...

Consegui solucionar o problema. Testei no Google Chrome, Mozila Firefox, Internet Explorer e funcionou.

As linhas que não estava lendo eram essas abaixo:

Estava assim:

.style5 {font-size: 9px}
.style6 {font-size: 14px}
.style7 {font-size: 12px}
.menu { {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.menu_rodape {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
.topo {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.rodape {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.corpo {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

Daí modifiquei assim, e funcionou:

.style5 {
font-size: 9px;
}
.style6 {
font-size: 14px;
}
.style7 {
font-size: 12px;
}

.menu {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
}

.menu_rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
}
.topo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}
.rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.corpo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}

Agora está beleza, é isso aí vivendo e aprendendo...

Valeu pela ajuda...