Incompatibilidade com IE 5.5 ,IE 6 e IE7

[carlosware 0]

Estava tdo feliz da vida quando finalmente consegui montar me site compátvel tanto no IE7 quando no firefox, até aí tdo ok.

 

Mas tente testar no IE6, pra ver como site ficaria, tomei uma surpreza terrivel!

vejam:

 

 

ou seja, as listas aparecem um apaço na vertical maior do que é exibida nos navegadores normais como o firefox.

 

No ie7 e no fire, ta tdo OK.mas nos IE 6 e inferiores..dão problema. vejam o código CSS que uso parta as listas:

 

<img src="http://www.pontoxp.com/wp-content/imagens/10.gif"/>	  <div id="tutos"><li><a href="#">titulo</a></li> </div>

Css:

 

#tutos {	width: 280px;	}#tutos li a {	background-color: #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-bottom-style: dotted;	border-top-color: #EFEFEF;	border-right-color: #EFEFEF;	border-bottom-color: #EFEFEF;	border-left-color: #EFEFEF;	display: block;	line-height: 18px;}#tutos li a:hover {	background: #F7F7F7 url(images/b2.gif) no-repeat center right;	color: #FF9900;	text-decoration: none;}

Como arrumar?

[nettotma14 0]

Deixe se CSS assim:

 

#tutos {	width: 280px;}#tutos li {	line-height: 18px;	background-color: #FFFFFF;	border-width: 1px;	border-bottom-style: dotted;	border-color: #EFEFEF;	}#tutos li a {	display: block;}#tutos li a:hover {	background: #F7F7F7 url(images/b2.gif) no-repeat center right;	color: #FF9900;	text-decoration: none;}

[carlosware 0]

Vlw, funcionou direitinho...agora eis mais um erro de icompatibilidade

 

 

na esquerda como podem ver os textos estão grandes demais, mesmo sabendo que no CSS está assim o Body:

 

 

body {

background: #000000 url(http://www.pontoxp.com/wp-content/imagens/fundo.gif) repeat;

color: #000000;

font: 11px "verdana", Tahoma, Arial;

margin: auto;

O problema acontece apenas no IE 5.5 e inferiores, no FF e no IE6 ,7 está ok...

 

alguem sabe como arrumar?

[Guilherme Rambo 4]

defina o texto no proprio elemento que precisa ficar com o texto assim, naum apenas no body ;)

[carlosware 0]

Ok, essa eu naum sabia, pensava que ao definir o tamanho ao Body ,todos os textos ficariam normais...mais errei...Bom, consegui já... vlw!

[nettotma14 0]

Ok, essa eu naum sabia, pensava que ao definir o tamanho ao Body ,todos os textos ficariam normais...mais errei...Bom, consegui já... vlw!

Cara, procura por Herença CSS.. no site do Maujor.com tem um tutorial sobre.. no teu caso.. se aquele texto estiver numa tabela.. ela herdará a font definido no body {}, mais o font-size você tem que declarar no table { font-size:10px; }Abraços

[Giovani 104]

Passe um link, fica mais fácil de visualizar.

E outra coisa, é bom você estudar um pouco do básico das css, pois esse código aqui tá "sujo" demais.

 

#tutos li a {	background-color: #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-bottom-style: dotted;	border-top-color: #EFEFEF;	border-right-color: #EFEFEF;	border-bottom-color: #EFEFEF;	border-left-color: #EFEFEF;	display: block;	line-height: 18px;}

[]´s