Ir para conteúdo

POWERED BY:

Arquivado

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

Detonador PHP

[Resolvido] Problema com altura do site!

Recommended Posts

Pessoal, esquema é o seguinte!

Como eu faço para ter um site com 100% de altura?

 

Tipo:

http://www.sistemaremoto.com.br/desenvolvimento/rssoft/

 

Agora o meu problema!

No firefox a altura fica certa, mas pelo menos no IE 8 a altura excede o tamanho da janela, ele cria uma rolagem desnecessária!

Agora alguem tem uma ideia de como fazer este layout ficar justo tanto no FireFox quanto no IE?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso é muito fácil!

 

Simples de resolver, basta não usar tabelas para estruturar o site. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

Deseja ajuda para tirar as tabelas do site deixa-lo mais correto ou quer que eu mova o tópico para Dreamweaver?

 

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Esta técnica eu conhço... mas dai te apresento um problema!

No Firefox que é padronizado, sem esta tag, o documento não ganha altura!

 

Entende?

Tipo, se tu tirar o Doctype ele não reconhece o atributo 100% dentro da tag html! Dai ele recolhe a altura do site!

 

Alguém tem mais outra dica?

Compartilhar este post


Link para o post
Compartilhar em outros sites

1. como está fazendo o teste?

 

2. qual versao do firefox e sistema operacional, tal como do IE ?

 

 

 

obs: removendo o doctype funcionou em ambos os browsers.

apenas continuou a barran no ie, mas sem rolagem.

 

 

apenas salientando que a dica é apenas uma dica, e não uma solução definitiva

 

por meio dessa dica e outras poderá encontrar a solução e entender onde está o real problema

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vou dar uma testada hoje de noite.

Mas já aviso de antemão, que tirando o doctype, ele não reconhece a altura 1005 no firefox. Então o site não ocupa todo o brower. Só o IE, independente da versão, que consegue visualizar a altura de 100%.

 

Mas mesmo assim farei um teste.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal, consegui!

Realmente foi no doctype!

E não sei porque, funcionou tb no firefox!

Valew a ajuda de todos!

 

Pode dar como resolvido!

Abração!

Compartilhar este post


Link para o post
Compartilhar em outros sites

No post 11, com link do site do maujor,

 

o exemplo do site não funciona mais.

 

google chrome, firefox, IE8 apresentaram o mesmo resultado sob windows 7

 

ambos sem fixar o rodapé no fim da página.

Compartilhar este post


Link para o post
Compartilhar em outros sites

qual o sistema operacional ?

 

 

 

 

Windows 7

- Safari 4.0

- Chrome 2.0

- FF 3.5

- Internet Explorer 8.0

 

Imagem Postada

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então Himon meu sistema Ruindows XP SP3 navegadores mesmas versões do seu.

 

Ou não entendi direito quando voce disse que não funciona mais os exemplos do maujor, ou boiei totalmente ou estamos falando de coisas diferentes.

 

Nesse link do maujor tem outros exemplos, só tem um que está com problema. Que é o Layout demo 3.

Até se você olhar o CSS de cada um, verá que o CSS estão diferentes de um para o outro.

 

O resto está funcionando certo, do mesmo jeito que abriu ai pra você abriu aqui pra mim também.

Ai tem outros exemplo do menu, que cada um abre de uma forma, tipo rodape fixo, o demo 1 ele fica do tamanho do conteúdo, outro que o rodapé sempre ficará no final da página que é o rodapé fixo.

E assim por diante, até tem um máquina aqui que tem o IE6 até nela funciona iguais.

 

mas enfim...

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

me refiro a esse exemplo em questão, e não a todos os exemplos do site do Maujor..

 

contudo, é preciso ter cautela no uso de css para certas coisas.

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.