Estou aprendendo css e tabless. Tentei esboçar um layout simples de topo, menu e duas colunas, mas não estou conseguindo fazer a coluna da direita, flutuar e ficar do lado da div conteudo. O que estou fazendo de errado?
<body> <div id="conteiner">Conteiner <div id="header"> <p>Header</p> <p> </p> <div id="menu">Menu</div> </div> <div id="conteudo">Conteúdo</div> <div id="foto">Foto</div> </div> </body>
#conteiner{ width: 778px; padding: 5px; border:1px solid #cccccc; position: absolute; background-color:navy } #header { height: 88px; border: 1px solid #CCCCCC; background-color: #EFEFEF; } #menu { height: 10px; border: 1px solid #00000; background-color:red; } #conteudo { padding: 5px; width:400; height: 300px; border: 1px solid #00000; background-color:orange; } #foto { width: 300; height: 100px; border: 1px solid #00000; background-color:blue; float:right; }