Olá pessoal é o seguinte estou numa simples folha de estilo aqui para um pequeno site que estou a desenvolver para mim mesmo. Ele conterá 3 COLUNAS...
A COLUNA da esquerda.
A COLUNA do centro e
A COLUNA da direita
Bom ai é claro que eu criei uma DIV para o topo da minha página e outra DIV para o meu rodapé, até aqui tudo bem pois está tudo alinhado "eu acho - rsrss".
Minha dúvida é a seguinte quando vou mostrar os resultados de uma consulta $SQL na minha coluna CENTRO, a DIV onde esta o rodapé infelizmente não acompanha os resultados mostrados na COLUNA CENTRO e fica por cima do RODAPÉ.
O QUE FAZER?????
OBS:ISSO SÓ ESTÁ ACONTECENDO NO NAVEGADOR GOOGLE-CHROME, NO INTERNET EXPLORER ESTÁ TUDO OK E NO MOZILLA TAMBÉM.
O QUE FAZER?????
Ta aqui o código façam o teste ai pra verem que todas as DIV'S acompanham o conteúdo porém elas passam por cima da DIV rodapé...
<html>
<head>
<title>Modelo de estilo CSS </title>
<style type=text/css>
body{
height:800px;
text-align:center;}
#topo{width:1200px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:-15px;
border-left:1px blue solid; border-right:1px blue solid; border-top:1px blue solid; border-bottom:1px blue solid;}
#pagina{width:1050px;
height:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:30px;
border-left:1px red solid;border-right:1px red solid; border-top:1px red solid; border-bottom:1px red solid;}
#esquerda{width:150px;
height:100%;
text-align:left;
float:left; border-left:1px red solid;border-right:1px red solid; border-top:1px red solid; border-bottom:1px red solid;}
#centro{width:640px;
height:100%;
font-size:20px;
text-align:left;
margin-left:5px;
float:left; border-left:1px blue solid; border-right:1px blue solid; border-top:1px blue solid; border-bottom:1px blue solid;}
#direita{width:160px;
height:100%;
font-size:17px;
margin-left:5px;
text-align:left;
float:left;
border-left:1px blue solid; border-right:1px blue solid; border-top:1px blue solid; border-bottom:1px blue solid;}
#rodape{width:1150px;
height:150px;
margin-left:auto;
margin-right:auto;
text-align:left;
border-left:1px blue solid; border-right:1px blue solid; border-top:1px blue solid; border-bottom:1px blue solid;}
#banner{
border-left: 1px red solid;
border-right: 1px red solid;
border-top: 1px red solid;
border-bottom: 1px red solid;
width: 550px;
height: 120px;
margin-top: -2px;
float: right;}
</style>
</head>
<body>
<div id='topo'>
topo
</div><!-- FINAL DO TOPO DA PÁGINA -->
<div id='pagina'>
<div id='esquerda'>
esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda
</div><!-- FINAL DA COLUNA ESQUERDA -->
<div id='centro'>
centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro centro
</div><!-- FIM DO CENTRO -->
<div id='direita'>
direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita
</div><!-- FINAL DA COLUNA DIREITA -->
</div><!-- FINAL DA PÁGINA -->
<div id='rodape'>
rodape
</div><!-- FINAL DO RODAPÉ -->
</body>
</html>
Pergunta
Heltinhu
Olá pessoal é o seguinte estou numa simples folha de estilo aqui para um pequeno site que estou a desenvolver para mim mesmo. Ele conterá 3 COLUNAS...
A COLUNA da esquerda.
A COLUNA do centro e
A COLUNA da direita
Bom ai é claro que eu criei uma DIV para o topo da minha página e outra DIV para o meu rodapé, até aqui tudo bem pois está tudo alinhado "eu acho - rsrss".
Minha dúvida é a seguinte quando vou mostrar os resultados de uma consulta $SQL na minha coluna CENTRO, a DIV onde esta o rodapé infelizmente não acompanha os resultados mostrados na COLUNA CENTRO e fica por cima do RODAPÉ.
O QUE FAZER?????
OBS: ISSO SÓ ESTÁ ACONTECENDO NO NAVEGADOR GOOGLE-CHROME, NO INTERNET EXPLORER ESTÁ TUDO OK E NO MOZILLA TAMBÉM.
O QUE FAZER?????
Ta aqui o código façam o teste ai pra verem que todas as DIV'S acompanham o conteúdo porém elas passam por cima da DIV rodapé...
Ajudem ai PLEASE
Editado por HeltinhuLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.