Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

logan_pa

line-height não funciona no IE

Por , em Desenvolvimento frontend

Recommended Posts

logan_pa    0

logan_pa
Postado

To tentando alinhar um texto dentro de uma DIV usando a propriedade line-height com o mesmo valor de altura da div pai, só que não funciona no IE.

Que tédio. :angry:

 

Já testei de várias maneiras e o texto não desce. Tentei usar hack _margin-top só que além de descer o texto a div toda desce também. Tentei usar _padding-top mais expande toda a área da div menos o texto. :angry:

 

Bem, não tive escolha, vim aqui pedir arrego para vocês.

 

<style type="text/css">* {margin:0px; padding:0px;}#box {	width: 300px;	height: 30px;	background-color: red;	font: normal normal bold 12px, Verdana; color: #fff;	margin: 30px 30px;	line-height: 30px; 	}</style></HEAD><BODY><div id="box">Este é o texto que flutua no IE</div></BODY>

Compartilhar este post

Link para o post
Compartilhar em outros sites

bluereal    0

bluereal
Postado

Oi, Crins

Tive o mesmo problema recentemente - estava, na verdade, setando o line-height no lugar errado: colocava em " li a " e não rolava de jeito nenhum...

mudei para " menu ", e funcionou imediatamente.

Dá uma conferida nesse link, e repassa a lista que eles apresentam... resolve perfeitamente para o IE, sem alterar o FF.

 

http://msdn.microsoft.com/workshop/author/.../lineheight.asp

 

Espero ter ajudado!

abrs

:) Blue

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito