Ir para conteúdo
Fórum Script Brasil
  • 0

DIV NÃO ACOMPANHA A OUTRA


melanie

Pergunta

DIV (Corpo) a informação é vinda do banco, ou seja, quando maior é o conteúdo a tendência e que o tamanho dela cresça e desça que é o certo. Mas o problema, em baixo dela tem a DIV (rodapé) que não acompanha, ficando perdido no meio da pagina.

O que fiz de errado?

A folha de estilo:

#corpo {
    clear:both;
    position:absolute;
    left:313px;
    top:265px;
    width:658px;
    height:671px;
    z-index:6;
    background-color: #FFFFFF;
}

#rodape {
    clear:both;
    position:absolute;
    left:0px;
    top:938px;
    width:100%;
    height:20px;
    z-index:7;
    background-image:url(../images/rodape.gif);
}

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Está usando posições absolutas ..Jamais use-as para montar o seu layout.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

<style type="text/css">

#header{
border:1px solid blue;
width:800px;
height:100px;
margin:0 auto;

}
#content{
border:1px solid red;
width:800px; height:300px;
margin:0 auto;
display:table;
}
#side-bar{
width:200px;
margin:10px;
border:1px solid black;
height:700px;
float:left;
}
#principal{
width:400px;
height:300px;
border:1px solid black;
float:left;

}

#footer{
border:1px solid orange;
height:50px;
width:800px;
margin:0 auto;
}

</style>

</head>

<body>
<div id="header"></div>
<div id="content">
<div id="side-bar"></div>
<div id="principal"></div>
</div>
<div id="footer"></div>
</body>

</html>
[/codebox]

Seus elementos devem estar em posição relativa pra empurrar os demais para outros espaços.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...