Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

Header fixo mas que se mova horizontalmente

$
0
0
Boa noite

Tenho tentado por todo o lado conseguir informação sobre uma questão mas não tenho conseguido.
Procuro ajuda para o seguinte:

Estou a tentar fazer um site com cabeçalho fixo e abaixo um conteudo que, com roll up, sobe e passa por baixo do cabeçalho.
O rodapé deverá estar sempre abaixo do conteudo e por isso aparece ou desaparece conforme o roll up/roll down.

Para o cabeçalho (de altura 167px) tenho uma div com

position: fixed;
top: 0px;
width: 960px;

Para o conteudo tenho outra div com width 100%
e dentro dela uma table tambem com witdh 100% e cujas tr's, em número variavel, apresentam linhas com informação (tantas linhas quantos os registos da B. Dados). Quero que estas linhas reajam à deslocação da barra vertical, subindo por baixo do cabeçalho.

O primeiro problema foi que as primeiras linhas não apareciam pois ficavam posicionadas atrás do cabeçalho...
Resolvi colocando uma div, entre o cabeçalho e o conteudo, que se posiciona por detrás do cabeçalho:

.cab_dummy {
height: 167px;  // mesma altura do cabeçalho
width: 960px;
}
Simplesmente fica oculta e obriga a que a primeira tr da table apareça na posição certa.

Tudo bem.

O problema é quando faço zoom+
Tudo aumenta, surge a barra de deslocamento horizontal, mas só o conteúdo reage à barra! O cabeçalho aumenta mas não acompanha o conteúdo para a direita ou para a esquerda! Fica sempre fixo com referencia ao canto superior esquerdo...

Como resolver isto?

Agradeço a ajuda que me possam prestar!

Viewing all articles
Browse latest Browse all 14700

Trending Articles