Vertical-align no IE

[Adair Junior 0]

Boa tarde pessoas. Bem, o título do tópico já diz bastante coisa. Tô tentando resolver um probleminha há algum tempo, mas nada de arrumar o problema. Seguinte:

<div id="linksPrinc">	<p><span><a href="index.html">Principal</a></span>	<a href="horarios.html">Horários</a>	<a href="laboratórios.html">Laboratórios</a>	<a href="normas_prof.html">Normas Professores</a>	<a href="normas_alunos.html">Normas Alunos</a>	<a href="reservas.html">Reservas</a>	<a href="cadastro.html">Cadastro</a>	<a href="equipe.html">Equipe</a></p></div>

Folha de estilos:

#linksPrinc {	width: 760px;	height: 25px;	line-height: 25px;	clear: both;	margin: 3px 0 3px 0;	background: url(imagens/fundo_links.gif) no-repeat;	text-align: center;	vertical-align: middle;	}#linksPrinc a {	background-color: #a3b7d8;	padding: 2px 10px 2px 10px;	}

O problema todo é que funciona perfeitamente no FF, mas no IE dá pau. o texto não fica alinhado no meio, verticalmente falando. Alguém pode me ajudar com isso?

[Giovani 104]

Pessoal, por gentileza, o navegador é IE.

Sabemos que ele tem alguns (muitos) problemas, mesmo assim, vamos manter o nível.

IE, beleza?

 

[]´s

[Hunter_ 0]

Bem,

 

O que o pessoal não sabe é que o vertical-align nas CSS SÓ pode ser aplicado em tags de tabela e/ou inline e não pode ser aplicada a elementos com float. Descobri isso da maneira mais dolorosa, consegui fazer um layout tableless funcionar como tabelas no que tange ao comportamento de crescimento por igual, mas o IE não é tão complacente aos padrões haja vista que a Microsoft, mesmo pertencendo ao W3C (nossa você não sabia?!) adiciona alguns comportamentos proprietários e deixa de implementar alguns comportamentos padrões, temos de convir que o IE 7.0 já deu uma "melhorada" (entre aspas pq o q eles melhoraram pro 7.0 deveriam ter feito um update para os IE lte 6.0 ) mas ainda tem muita coisa para ser posta em prática, esperamos que num futuro próximo esses bugs venham a ser solucionados (acho difícil, haja vista que as melhorias que ainda precisam ser feitas já são bugs desde versões prévias do IE), então sugestão, APRENDA A DESENVOLVER PARA OS DOIS BROWSERS, USE COMENTARIOS CONDICIONAIS, !IMPORTANT nas suas declaraçoes dentre outras práticas.

 

Aprenda a conviver com os defeitos do browser ou você prefere ser mais um a apenas reclamar?

 

Esses dias conversando com o maujor, ele me passou um link muito bom, sobre a propriedade display e ele me passou um otimo link:

 

http://www.quirksmode.org/css/display.html

 

P.S: implementei um layout que se comporta perfeitamente como tabelas usando divs e outras tags que não funciona no IE, desisti, a partir de agora, no Firefox, Opera e Standards Compilant Browsers, implementarei esse tipo de layout e preprarei um css especifico para IE, mais trabalho com certeza, mas pelo menos saberei o que me espera e poupa bastante o estresse posterior.