Ir para conteúdo

POWERED BY:

Arquivado

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

e-Spider

Layout líquido vertical

Recommended Posts

Salve pessoal!

Preciso fazer um layout líquido vertical, estilo o do Google Maps. Observem que a barra superior tem uma altura fixa, e a altura do conteúdo abaixo dela (resultados da busca e mapa) é dimensionado de acordo com o tamanho da janela. Dessa forma, os resultados aparecem na parte esquerda da tela com uma largura fixa e altura esticada até o fim da página, e na direita aparece um mapa, que dimensiona-se sobre todo o espaço livre restante na página (largura da página - largura dos resultados x altura da página - altura do menu). Como eles fazem isso?

Se descobrirmos isso vai solucionar muitos tópicos que encontrei por aqui e até hoje ninguém achou uma solução totalmente eficiente.

E que venha o CSS3, pelo amor de Deus!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entenda o funcionamento do layout liquido:

 

http://forum.imasters.com.br/index.php?/topic/347842-layout-liquido/

http://forum.imasters.com.br/index.php?/topic/264130-layout-liquido-na-vertical/

 

 

Para deixar a altura fixa basta usar valores em px e não em % ou/e auto

Se eu entendi bem sua dúvida é só fazer isso.

Qualquer coisa poste o link para sua página para que eu possa dar uma olhada.

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.