DIV NÃO ACOMPANHA A OUTRA

melanie · Agosto 25, 2008

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);
}

KaKarotto · Agosto 25, 2008

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.

Entrar

DIV NÃO ACOMPANHA A OUTRA

Pergunta

melanie

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

KaKarotto

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades