[Resolvido] 2 colunas em div dentro de outra div
Eu queria que uma div ficasse do lado da outra como colunas, só que elas estariam dentro de outra div, que teria um background. Mas eu estou usando o float para elas ficarem um do lado da outra, e com isso elas não 'preenchem' a outra div. Olha como ficou:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img230.imageshack.us/img230/9444/divs.jpg&key=c1cd7965150a97be18a140adc02c8c112542c97d6f3b65784030d096f7223ad1" alt="Imagem Postada" />
Eu coloquei as bordas só para facilitar a ver...
O CSS:
body {
font: 11px Arial, Helvetica, sans-serif;
padding: 15px 0px 25px 0px;
background: #d3e7ff url('images/bg.png') repeat-x;
}img {
border: none;
}
.logo {
background: url(images/logo.png) bottom center no-repeat;
width: 750px;
height: 105px;
}
.cima {
background: url(images/borda-cima.png) no-repeat;
width: 750px;
height: 12px;
}
.baixo {
display: block;
background: url(images/borda-baixo.png) no-repeat;
width: 750px;
height: 12px;
}
.esquerda {
background: url(images/borda-esquerda.png) top left repeat-y;
width: 750px;
}
.direita {
background: url(images/borda-direita.png) top right repeat-y;
width: 750px;
}
.caixa {
background: #ffffff;
width: 726px;
padding: 25px 0px 25px 0px;
border: medium dashed #ff0000;
}
.conteudo {
float: left;
width: 460px;
border: medium dashed #ff0000;
}
.imagem {
float: left;
width: 250px;
border: medium dashed #ff0000;
}p {
margin: 0 0 0 0;
}form {
margin: 0 0 0 0;
}O HTML:
<center>
<div class="logo"></div>
<div class="cima"></div>
<div class="direita">
<div class="esquerda">
<div class="caixa">
<div class="imagem"><img src="images/login.png"/></div>
<div class="conteudo">
<?
include('conf.php');
error_reporting(0);
echo "
<script type=\"text/javascript\"> var RecaptchaOptions = { theme : 'white' }; </script>
";
echo "
<form name=\"login\" method=\"post\" action=\"index.php\">
<p>Usuário:<input name=\"user\" type=\"password\"></p>
<p>Senha:<input name=\"pass\" type=\"password\"></p>
<p>Confirmação visual:</p>";
$publickey = "6LeM3wQAAAAAABWso_JIhyiRpIEEvJnd9r9ot14N";
require_once('recaptchalib.php');
echo recaptcha_get_html($publickey);
echo "
<input type=\"submit\" name=\"Submit\" value=\"Enviar\">
<input name=\"seg\" type=\"hidden\" value=\"1\"></form>
";
?>
</div>
</div>
</div>
</div>
<div class="baixo"></div>
</center>Discussão (6)
Carregando comentários...