Hola A Todos, tengo un problema con los div estoy creando una web
tengo 3 div una que es la contenedora y la otras dos que es donde va el menu y el contenido
EL contenedor tiene un fondo gris el menu un azul y el contenido uno verde entonces cuando pongo muchas texto por ejemplo en el contenido el color del contenedor no se baja alguien me puede ayudar porfavor a que el contenedor que su color de fondo es gris este a la misma distancia que el contenido o el menu dependiendo que div tenga mas texto
Código:
<!DOCTYPE html>
<html>
<head>
<title>ejemplo</title>
<style type="text/css">
#menu {
width: 300px;
background-color: #C93;
float: left;
}
#contenedor {
background-color: #333;
}
#contenido {
width: 700px;
background-color: #3C6;
float: right;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="menu">
<p>MENU</p>
<p>MENU</p>
</div>
<div id="contenido">
<p>CONTENIDO</p>
<p>CONTENIDO</p>
<p>CONTENIDO</p>
<p>CONTENIDO</p>
</div>
</div>
</body>
</html>