Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Quebra de div no IE

07-06-2009 17:47

Bom,
Tenho uma DIV, que possui um background-image de 215 pixels de height alinhada ao topo, sem repetição. Só que o conteúdo dessa DIV é randômico, pode ser o maior texto do mundo, ou simplesmente um pequeno "Oi".
Com base nisso tenho que definir um height fixo pra essa DIV de 215 pixels...

Só que quando o texto for muito grande e ultrapassar esse height, o DIV fica quebrado. O que eu fiz então? Defini o display: table.

Tudo beleza, isso é quase cross-browser, há não ser que isso NÃO funcionasse no bendito internet explorer...

Daí minha situação atual:

Em todos os browsers tudo perfeito, mas no IE, quando o texto é muito grande e ultrapassa 215 pixels, a DIV fica quebrada....

Aguma solução aê? :shock

Abrass.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quebra de div no IE

07-06-2009 18:09

Então o background tem repeat não? na altura, quando a div aumentar. Posta o código que está usando.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Quebra de div no IE

07-06-2009 18:29

Não, o BG não tem repetição.

O problema é justamente esse, com o display:table; a altura da DIV simplesmente não aumenta no Internet Explorer.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quebra de div no IE

07-06-2009 18:45

Como você não postou o código, tentei simular algo parecido, o mesmo resultado, IE e FF

<div style="background-image:url(background.jpg); width:150px; background-repeat:no-repeat; border:1px solid #cccccc; display:table; height:215px;"> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> texto<br> </div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Quebra de div no IE

07-06-2009 18:58

OK, vamos tomar o seu exemplo...

Quando o texto tem altura inferior a 215px.. a div fica beleza... mas quandoo texto tem altura superior, a div acompanha ele.. no IE quando a altura é superior ele não acompanha, entende?

é como se o display table não funcionasse no IE.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quebra de div no IE

07-06-2009 19:12

Eu to testando no IE 8 e FF 3, e acompanha em ambos.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Quebra de div no IE

07-06-2009 19:26

Não existe nenhum outro artifício que substitua o efeito do display:table; ? :S
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quebra de div no IE

07-06-2009 19:36

Existe uma série de valores para o display

No site abaixo você encontra a lista

http://www.w3schools.com/css/pr_class_display.asp

Do lado tem a descrição de uso, só aplicar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Quebra de div no IE

07-06-2009 19:59

OK cara, valeu!
Vou ter que fazer uma gambiarra aqui que me deu na telha, acho que vai funcionar!
De qualquer forma obrigado, valeu.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quebra de div no IE

07-06-2009 20:04

Blz
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado