xhtml + css válidos porém...

[NiGHT 0]

Alguns dias atrás postei um topico falando que tava tudo certo no IE menos no opera e no firefox, pois bem.. agora eh o contrário. Segundo o validador do w3.org ta tudo 100% certo, e fica certo mesmo, no opera e firefox por exemplo (browsers q testei), porém, no ie 6 fica tudo errado...

Alguem poderia dar uma força?? Não sou expert em css, e to começando agora com xhtml... :)

 

o site em questão é http://blog.night.art.br

E o css eh esse:

 

body {	background-color: #3B4246;	background-image: url(img/bg.gif);	background-repeat: repeat-x;	background-position: top;}a {	color: #8DBD69;	text-decoration: underline;}a:hover {	color: #DDDDDD;}#geral {	width: 700px;	float: right;	margin-right: 25px;}#esquerda { 	float:left;}#direita {	float:right;	width: 390px;}#conteudo {	margin-left: 166px;	width: 144px;	margin-top: 25px;}#principalcontent {	background-color: #FFFFFF;	padding-bottom: 1px;}#principalbt {	position: relative;	width: 1px;}p.post-footer {  margin:0 0px;  padding:5px 15px 5px 15px;  font-size:85%;  line-height:1.5em;  color:#666;  text-align:right;border-bottom:#ddd 1px solid; border-top:#ddd 1px solid;   }.content {	font-family: "trebuchet MS", Verdana, Arial;	font-size: 8pt;	color: #9B9B9B;	background-color: #FFFFFF;	text-align: justify;	margin-left: 6px;	margin-right: 6px;}.arquivotitle {	font-family: "trebuchet MS", Verdana, Arial;	font-size: 18px;	color: #8DBD69;	text-align: right;	margin-right: 5px;}.arquivocontent {	font-family: "trebuchet MS", Verdana, Arial;	font-size: 8pt;	color: #9B9B9B;	text-align: right;	margin-right: 5px;}.arquivocontent a {	color: #B0B0B0;}.aquivocontent a:hover {    color: #E3E3E3;}.itemtitle {	font-family: "trebuchet MS", Verdana, Arial;	font-size: 18px;	color: #8DBD69;	text-align: justify;	margin-left: 6px;	margin-right: 6px;}.data {	font-family: "trebuchet MS", Verdana, Arial;	font-size: 8pt;	color: #9B9B9B;	margin-left: 6px;	margin-right: 6px;}

para ter melhor idéia, tirei 2 screen, uma dos erros no IE, e outra da visualização correta no Opera.

opera ok

Ie não

 

Obrigado desde já...

[SpAcIaL 0]

Acredito que pro IE você necessita dos "hacks".

 

Como eu não uso, não lembro como que são (se eu não me engano, você usa um _ antes da classe do CSS e define novos comportamentos, assim o IE vai procurar fazer esta outra classe.)

 

Porém, não é prática da M$ em fazer bons navegadores (não segue padrões).

 

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Se precisar, acho que tem algo na Tableless

[G_Ribeiro 0]

é exatamente como o SpAcIaL você deve usar os hacks assim eles só vai alterar as configurações no IE

 

Exemplo:

 

#nome { background-color:666666; 
}

 

isso é o normal

 

#nome { background-color:666666;
          _background-color:000000;
}

 

nesse caso apenas o IE vai validar essa informação (o _background-color:000000; ) e ignorar a superior ... então você só porecisa colocar esse underline na frente das opções e configurar certinho pro IE sem alterar nada no firefox e ....

[Illidan 0]

é  exatamente como o  SpAcIaL você deve usar os hacks assim eles só vai alterar as configurações no IE

 

Exemplo:

 

#nome { background-color:666666; 
}

 

isso é o normal

            

#nome { background-color:666666;
           _background-color:000000;
}

 

nesse caso apenas o IE vai validar essa informação (o _background-color:000000; ) e ignorar a superior ... então você só porecisa colocar esse underline na frente das opções e configurar certinho pro IE sem alterar nada no firefox e ....

<{POST_SNAPBACK}>

 

Isso, seu hack tá certinho... (tirando a falta de um "#" na frente da cor :P )

 

Mas o que acontece na realidade não é que o IE ignora a linha de cima e considera somente a que começa com "_". Os parâmetros CSS podem ser definidos quantas vezes você quiser... mas o browser vai considerar somente a última definição. Portanto, aqui:

#nome {
   background-color: #666666;
   _background-color: #000000;
}

 

O IEca interpreta as 2 linhas... (ficando com a última definição: preto). Já os browsers descentes (como Opera, FF, etc.) vão entender que a linha de baixo não é um parâmetro válido, e a definição de background-color ficará sendo apenas a da linha de cima (cinza).

 

É isso... :)

 

[]'s!