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;
}
