Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 /applications/core/interface/imageproxy/imageproxy.php?img=http://img412.imageshack.us/img412/8607/postarimaster.png&key=f037d12d17f003d223db996e2a089a6c766d345739499e79468d168443787fb4" alt="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">](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;
} background-color: #999999;
padding: 5px;
height: 150px;
margin 0px;
border: 2px solid #000000;
} 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;
} margin-right: 176px;
margin-left: 178px;
border: 2px solid #006600;
} background-color: #00FF99;
}
#corpo #menu {
height: 25px;
margin-top: 3px;
margin-bottom: 3px;
border: 2px solid #FF0000;
} 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
Carregando comentários...