problema com height:100% em div

[pimenta 0]

Bom dia ou seria madrugada?!

 

Bem, eu tenho um div com width:100%;height:100%... no IE o div ocupa a página inteira, ou seja, o tamanho da página e não o tamanho apresentado da tela... mas ocorre exatamente ao contrário no FireFox, o div ocupa o tamanho da tela apresentada, assim quando corro a barra de rolagem para baixo aparece a area onde a div não ocupa

 

Ex: - é o tamanho da página

 

* a area que o div ocupa

 

No IE - Correto

--------------------------

-*****************-

-*.... .... ..... ..............*-

-*..... .... ..... .............*-

-*...... .... ..... ............*-

-*....... .... ..... ...........*-

-*........ .... ..... ..........*-

-*......... .... ..... .........*-

-*.......... .... ..... ........*-

-*........... .... ..... .......*-

-*............ .... ..... ......*-

-*****************-

-------------------------

 

 

No FireFox - Errado (não ocupa toda a página mas sim o tamnho da tela

--------------------------

-*****************-

-*.... .... ..... ..............*-

-*..... .... ..... .............*-

-*...... .... ..... ............*-

-*....... .... ..... ...........*-

-*........ .... ..... ..........*-

-*......... .... ..... .........*-

-*.......... .... ..... ........*-

-*****************-

-............. .... ..... .........-

-.............. .... ..... ........-

-------------------------

 

Alquem sabe como resolver esse problema?

 

Obrigado

[camilo.oliveira 0]

Pra mim é bom dia!Tem algum link?Dá pra entender melhor!

[Giovani 104]

Ficar na adivinhação é complicado! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pimenta 0]

Eu ainda não tenho uma hospedagem para asp para o site. Mas fiz duas imagens lustrativas para um melhor entendimento.

 

Eu fiz um DIV com width:100%;height:100%;position:absolute

 

No IE funciona perfeito veja a imagem (o div esta representado pela cor sinza)

 

 

No FireFox o div não vai até o final da página mas somente até o fim da tela

 

Ou seja, quando entro na página no Firefox o div aparenta esta certo pois ocupa toda a tela como no primeiro exemplo do Firefox, mas quando rolo a barra de rolagem para baixa essa parte do site que esta abaixo aparece, ou seja, o div não esta ocupando essa espaço visto na segunda imagem do Firefox

 

Eu também já tentei assim

#ft18{width:100%;height:100%}html>body #ft18{width:100%;height:100%}

#ft18{width:100%;height:100%}html>body #ft18{width:auto;height:auto}

 

Obrigado

[IsraelCosta 0]

Olá amigo, você zerou os valores dos elementos no inicio do seu css, isso é devéras importante pois existem browsers que tem valores padrões para alguns elementos.

 

Experimente fazer assim no inicio do seu css:

 

*{   padding: none;   margim: none;}

Ou coloque valores:

 

*{   padding: 0px;   margim: 0px;}

[pimenta 0]

Olá IsraelCosta eu não havia zerado os valores dos elementos, vou fazer agora... mas isso não ajudara nesse meu problemas, caso alguém saiba como resolve-lo ajude-me por favorObrigado

[IsraelCosta 0]

Tenta modificar esse valor aqui:width:100%;height:100%;position:absoluteColoca como relativo em vez de absolut.Existe a possibilidade de você hospedar este site em um servidor gratuito para que eu possa avaliar, pq assim sem ver a forma como foi feito, fica dificil.Se não for muito grande, você pode upar tb no rapidshare e postar aqui pra galera avaliar melhor seu codigo

[Guilherme Rambo 4]

Olá amigo, você zerou os valores dos elementos no inicio do seu css, isso é devéras importante pois existem browsers que tem valores padrões para alguns elementos.Experimente fazer assim no inicio do seu css:

*{   padding: none;   margim: none;}

Ou coloque valores:

*{   padding: 0px;   margim: 0px;}

Corrigindo:

* {margiN:0;padding:0;/* e ja coloca isso a mais */list-style:none;text-decoration:none;vertical-align:middle;}

;)