Ir para conteúdo

POWERED BY:

Arquivado

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

Chan10

Problema com height no IE

Recommended Posts

Bem pessoal tenho 3 div´s, um geral um header e um corpo

se eu não definir um height para o header fica tudo normal, como não dei largura para os div´s e eles estão com display:left o div vai aumentar de acordo com o conteúdo dentro dele, mas se eu colocar height no header então o div header vai abrir 100% em vai empurrar o geral logo tudo vai abrir 100%, isso so acontece no ie no ff tudo normal.... alguém sabe uma solução ???

 

bem tá ai o código, roda sem o height no header depois coloca ele pra ver as diferenças

 

valeu pessoal.... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

// CSS -----------------div{   border:1px solid;   margin:3px;   padding:3px;}#geral{   float:left;}#header{   /*height:17px;*/}		#corpo{}// HTML ---------------<div id="geral">   <div id="header">	  aaaaaaaa   </div>   <div id="corpo">	  bbbbbbbbbbbbbbbbbbbbbbbbb   </div></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

tipo quando é definido height com algum valor, o div vai abrir 100%, e eu nao quero que ele abra 100%, isso so acontece no IE

 

coloquei um Exemplo no ar, da uma olhada pelo FF e depois com o IE

 

vai ver que o 1º no IE vai expandir, e a diferença é apenas o height.

 

nesse caso fica tudo certo se não definir o height, porque o texto faz o header abrir, mas o problema é que se tiver um header maior que eu queira definir um height ai vou ter problema.

 

Na verdade eu nao queria nem colocar "float:left;" no geral, tentei por "display:table" pro elemento não expandir, mas só funciona no FF.

 

Obrigado....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Chan10...

tu me condundiu com o que tu escreveu mas tente ae:

 

#header1{			background:#ccc url("janelaBack.gif") repeat-x;			display:block;		}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Chan10...tu me condundiu com o que tu escreveu mas tente ae:

#header1{			background:#ccc url("janelaBack.gif") repeat-x;			display:block;		}
Valeu a tentativa ae tygo, mas o "display:block" no IE não faz o div parar de expandir.você esqueceu de colocar o "height" e por isso deve ter funcionado no seu tste, mas se você definir um valor, logo ele vai se expandir novamente, tudo bem eu posso não colocar o "height" e colocar um "padding", pra fazer o "header" abrir com um tamanho que eu queira, mas isso é meio que uma "Gambiarra" pra funcionar, só queria saber se tem um outro jeito....Mas pelo que vi não tem não.... :mellow::( , tem que sofrer pra fazer uma coisa bem simples heheheté maiss....

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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