Erro em DIV, Quebra de linha que não devia acontecer

[brcontainer 16]

Vou explicar o seguinte fiz uma paginas 100% CSS

ela funcionava normal até eu colocar a isso no CSS ~>DISPLAY:TABLE;<~

e rodar minha pagina online, ae vem o problema no IE normal mas no Firefox AS VEZES fica assim

erro

http://img183.imageshack.us/img183/2787/errojm2.jpg

 

 

e as vezes assim (q é o certo, se eu estou usando no APACHE vai normal mas online acontece as vezes o erro)

normal

http://img165.imageshack.us/img165/930/normalqu6.jpg

 

eu uso o display:table; para redimensionar a pagina onforme a quantidade de informação no FF

por q sem o display:table; o texto fica flutuando para fora do DIV

 

alguem ae experiente em DIVs e paginação ajudem please

 

site:

http://negociodanet.com/

css:

http://negociodanet.com/css.css

 

se não conseguirem alguem conhece outro jeito de redimensionar no FF sem DISPLAY:TABLE;

 

abraço

[Guilherme Rambo 4]

Isso é um bug do firefox, resolve-se fazendo isso:

#div_que_precisa_do_display_table:after {content:"-";display:block;clear:both;visibility:hidden;}

E, obviamente, tirando o display table da div em questão

 

[]'s

[brcontainer 16]

Valew inside, mas não deu certo ainda... veja meu CSS vê se eu apliquei corretamente esse "código" que você me passou

acho q eu devo ter aplicado ele incorretamente...

 

veja como ficou eu acho que eu não soube apliacar

 

ajuda ae cara

 

ou então me passa um exemplo aplicado(uma pagina sua com esse código)

que eu aprendo a usar ^^

 

abraço valew

[FelipeMorais 0]

Cara, o problema com display:table; é real, nao acho bom usa-lo por varios motivos.quanto ao "redimensionar a pagina onforme a quantidade de informação no FF" que você falou... nao entendi muito bem.Note que você limitou a altura de algumas divs, e que o conteúdo delas sao maiores que esse valor...No IE está certo pq ele nao respeita o limite das div fazendo elas crescerem de acordo com o conteudo, já o firefox nao.. ele respeita o limite mesmo que o conteudo exceda esse valor.Experimente apenas retirar a propriedade height de algumas divs.Abraço!

[Guilherme Rambo 4]

Silverfox, me diga qual a div que deve se redimensionar de acordo com o conteúdo...[]'s

[brcontainer 16]

FelipeMorais não deu certo

se você tiver outra alternativa

abraço.

 

inside são essas:

.corpo{padding-bottom:5px;width:1000px;height:460px;}.sub_corpo{float:left;width:800px;height:460px;}.meio{padding:2px;float:right;width:650px;height:460px;background: #ffffff;border:1px #ccd0d6 solid;}.lateral{float:right;margin:2px;width:185px;height:460px;background:#f8f8f8;border:1px #A2AFC5 solid;}

[Guilherme Rambo 4]

Use o truque do after no corpo e no sub_corpo[]'s

[brcontainer 16]

INSIDE parece que resolvi o problema

 

coloquei HEIGHT: AUTO; nas classes .tudo, .corpo, .meio e .menu

e para definir uma autura minima eu joguei min-height:; e no IE eu usei assim _height:;

 

no rodape eu coloquei clear:both;

 

Valew ^^ mesmo assim

 

abraço