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!
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!