Problema em colocar uma div do lado da outra

Fibonacci2012 · 13 de agosto de 2013

no meu site tem uma div com 960 pixels de largura. Dentro dela, eu quero colocar uma de 200 pixels à esquerda e outra de 760 pixels à direita. O problema, é que o computador está colocando uma div embaixo da outra. Mesmo se eu escrever float left na primeira e float right na segunda, elas continuam uma embaixo da outra. A única coisa que muda quando eu coloco os floats é que a de baixo fica à direita, mas continua embaixo. O que eu estou fazendo de errado?

DiF · 13 de agosto de 2013

Ola,

Defina na div de 960px o display: table e nas duas divs filhas, defina como float left

Veja o exemplo em funcionamento: http://jsfiddle.net/n6M7F/

Fibonacci2012 · 13 de agosto de 2013

Oi, eu fiz isso, mas elas continuam uma em cima da outra. Aqui está o arquivo html e o css:

arquivo html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Filmes / Séries</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="topo">
  </div>
  <div class="conteudo">
    <div class="menu_lateral">
    </div>
    <div class="corpo">
    </div>
  </div>
</body>
</html>

arquivo css:

body {
  margin: 0;
  background: url("fundo.png");
}

p,h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

.conteudo {
  width: 960px;
  margin: 0 auto;
  display: table;
}

.topo {
  width: 960px;
  height: 300px;
  background: url("capa.png");
  margin: 0 auto;
}

.menu_lateral {
  width: 200px;
  height: 500px;
  background: #EDDA0B;
  float: left:
}

.corpo {
  width: 760px;
  height: 500px;
  background: #FFFFFF;
  float: left;
}