Configurar adequadamente layout do site

[albertinho77 0]

Demo: http://www.hisokaanimes.qlix.com.br/

 

CSS:

#menu{ 
 background: #09F; 
 border-radius: 2px;
 margin: 0 auto ;
 width: 902px;
 height: 47px;
}

#menu ul{ 
 list-style: none;
 overflow: auto;

}

#menu ul li{ 
 float: left ;
 font: 16px arial;

}

#menu ul a{ 
 color: #000; 
 text-decoration: none ;
 padding: 15px;
 display: block;

}

#menu ul li:hover{
 background: #06F;

}

#lancamentos{
 float: left;
 height: auto;
 width: 40%;
 background: #999;
 
}

#rodape{
 float: right;					
 background: #09F ;
 width: 902px;
 height: 47px;


} 

HTML:

<div id=menu>
  <ul>
   <li><a href="index.html">Home</a></li>
   <li><a href="lista de animes.html">Lista de Animes</a></li>
   <li><a href="mangas.html">Mangás</a></li>
   <li><a href="ovasfilmes.html">Ovas/Filmes</a></li>
   <li><a href="temporada.html">Temporada</a></li>
   <li><a href="equipe.html">Equipe</a></li>
   <li><a href="amvs.html">AMVs</a></li>
   <li><a href="#">      Faça Sua Busca         </a></li>
  </ul>
  </div>

  <div id= conteudo>  
   <p><h2>  Animes Online</h2></p>
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p>
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p>
   <p>  Animes Online</p>
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p>
   <p>  Animes Online</p>
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p>
   <p>  Animes Online</p>
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   <p>  Animes Online</p> 
   
  </div>
  
  <div id=lancamentos>
   <h3>Lancamentos</h3>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
     <p>Anime</p>
 
  </div>
  
  <div id="rodape">
  <p>  </p>
  <p align=right>2014-2015 HellBoy      </p>
  
  </div>

[Diéssica 140]

Por favor, especifique sua dúvida.

 

O que seria "configurar adequadamente"? Qual é o parâmetro que estás usando?

[albertinho77 0]

tipo antes eu estava tentando colocar uma div do lado da outra , não estava dando certo acabei desistindo da ideia

igual essa imagem:

[angelorubin 142]

Acredito que isso possa lhe ajudar - http://css-tricks.com/snippets/css/a-guide-to-flexbox/

[Guilherme Souza Santos 6]

isso ajuda? http://codepen.io/anon/pen/ZYBBgY

[Diéssica 140]

Leia sobre Faux Columns.