Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Overhead

Layout

Por , em Desenvolvimento frontend

Recommended Posts

Overhead    0

Overhead
Postado

bom dia pessoal...

 

Estou tentando desenvolver um layout em css...e estou com a seguinte duvida, a codigo é esse:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>::..:: RH Service ::..::</title>
<style>
/**************************/
/* Estilizações gerais	*/
/**************************/
*{
	font-family: Arial, Helvetica, sans-serif;
	color: #989490;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	text-decoration: none;
}
body{
	background: #EEEEEE;
}
#geral{
	position: relative;
	z-index: 2;
	width: 764px;
	margin: 0 auto;
}
#topo_site {
	position: relative;
	height: 153px;
	margin: 0 auto;
}
/********************
Conteudo
********************/
#corpo {
	background: url(../images/img3.jpg) repeat;
	width: 764px;
	margin: 0 auto;
}
/********************
Lateral esquerda
********************/
#esquerda {
	float: left;
	width: 165px;
	background: #E7E9E0;
	border-left: #FFF 3px solid;
}
/********************
Centro
********************/
#centro {
	float: left;
	width: 428px;;
	overflow: hidden;
	background: #fff;
}
/********************
Lateral direita
********************/
#direita{
	width: 165px;
	float: right;
	background: #E7E9E0;
	border-right: #FFF 3px solid;
}
</style>

</head>

<body>
  <div id="geral">
	<!-- Topo do site -->
	<div id="topo_site"></div>
	<!-- Fim - Topo do site-->
	
	<!-- Conteudo do site -->
	<div id="corpo">
	  <div id="esquerda">
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
		<p> </p>
	  </div>
	  <div id="centro">dsds</div>
	  <div id="direita">dsds</div>
	</div>
	<!-- Fim do conteudo-->
  </div>
</body>
</html>

Pergunta: Como faço para minha coluna do centro e da direita crescerem automaticamente conforme a coluna esquerda?

:unsure:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito