[Resolvido] Div com float não cresce para o lado
Como está:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img697.imageshack.us/img697/6861/postju.png&key=46db38212160a416118b09020c479dca302a72fbdfe9e56e3a9e17958ec3fcee" alt="Imagem Postada" />
Como deveria ficar:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img265.imageshack.us/img265/2576/post2g.png&key=38f659d4f62726feb76c2115cd4447e7b63c400297bab51acec8968d038518bc" alt="Imagem Postada" />
CSS
body {
background-image: url('http://i973.photobucket.com/albums/ae214/Holtevs/fundo.gif');
margin: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
}
#tudo {
margin: 10px 50px;
}#topo, #foot{
background-color: #FFF;
border-bottom: 1px solid #900;
padding: 3px;
margin: 10px 0;
color: #900;
font-size: 16px;
clear: both;
}#cont:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
overflow:hidden;
}#post, #menu {
background-color: #FFF;
border-top: 1px solid #900;
padding: 5px;
}
#post {
float: left;
margin-right: 10px;
clear: left;
}
#menu {
width: 200px;
float: right;
clear: right;
}HTML
<body>
<div id="tudo">
<div id="topo"></div>
<div id="cont">
<div id="post"></div>
<div id="menu">
A<br />A<br />A
</div>
</div>
<div id="foot"></div>
</div>
</body>
Já não encontro solução, a div post deveria crescer o máximo para a direita até chegar na div menu, a div menu tem width fixo, e a post deveria ocupar tudo o que sobrar de espaço dentro da div cont;Desde já, Obrigado ;)
Discussão (8)
Carregando comentários...