Ir para conteúdo

POWERED BY:

Arquivado

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

Renato_armiliato

[Resolvido] Box menus seguir conteudo

Por , em Desenvolvimento frontend

Recommended Posts

Renato_armiliato    0

Renato_armiliato
Postado

Olá pessoal do grande forum IMASTER hehe.

Bom eu tava aqui no meu pczinho treinando com tabless, pra fazer um site para mim. Mas me surgiu uma dúvida, estou desde ontem a noite pesquisando na internet

e não consegui solucionar, dae vim aqui ver se vocês conseguem me ajudar ^^.

 

Problema : estou fazendo em tabless o modelo, só que ao digitar o conteudo na box conteudo[a do meio] os box de coluna esquerda e coluna direita não seguem o box

e eu gostaria que seguisse[ Na altura] não sei se consegui explicar para vocês intenderem, mas vou postar uma print Imagem Postada as colunas são as que estão em azul gostaria que quando eu digitasse no conteudo elas fikasem do mesmo tamanho do box conteudo.

 

Codigo : 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#corpo {
	font-family: "Trebuchet MS";
	font-size: 12px;
	background-color: #FFFFFF;
	width: 780px;
	border: 5px solid #f8f8f8;
	padding: 3px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#corpo #cabecalho {
	background-color: #999999;
	padding: 5px;
	height: 150px;
	margin 0px;
	border: 2px solid #000000;
}
#corpo #coluna_esquerda {
	display: block;
	float: left;
	width: 160px;
	margin-bottom: 3px;
	border: 2px solid #0000FF;
	background-color: #0000FF;
}

#corpo #coluna_direita {
	display: block;
	float: right;
	width: 160px;
	margin-bottom: 3px;
	border: 2px solid #0000FF;
	background-color: #0000FF;
}
#corpo #conteudo {
	margin-right: 176px;
	margin-left: 178px;
	border: 2px solid #006600;
}
body {
	background-color: #00FF99;
}

#corpo #menu {
	height: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 2px solid #FF0000;
}
#corpo #rodape {
	border: 2px solid #000000;
	margin-top: 3px;
	clear: both;
}
-->
</style>
</head>

<body>
<div id="corpo">
	<div id ="cabecalho">cabecalho </div>
    <div id ="menu"> menu</div>
    <div id ="coluna_esquerda"> esquerda </div>
    <div id ="coluna_direita"> coluna direita</div>
    <div id ="conteudo"> 
     conteudo
 
    </div>
  <div id ="rodape"> rodape </div>

</div>
</body>
</html>

vlws abraço

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