Flotar divs continuando abajo

maximilianojcelis · #1 (**permalink**) 01/02/2012, 10:34

Bien, nose si es que estoy nublado por tantas horas seguidas o que, pero no puedo lograr el siguiente efecto y en google no pude encontrarlo. Quiero que un div este a la izquierda, y el otro junto a el, pero que si este div es mas alto que el primer div continue abajo ocupando todo el ancho. Probe con los floats lefs y con width auto pero nada. Dejo esta imagen para que sea mas facil de entender...

kseso? · #2 (**permalink**) 01/02/2012, 16:17

¿Algo así?

Código HTML:

Ver original<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: none; position: relative;}
.dos {
  width: 600px;
  margin: 0 auto;
  padding: 1em;
  background: #ffb000;
  color: #444;
  overflow: hidden;
}
.uno {
  float: left;
  width: 40%;
  background: #cdcdcd;
  color: #7f3000;
  margin-right: 1em;
}
 
 </style>
</head>
<body>
<div class="dos">
<div class="uno">
<h1>HOLA MUNDO</h1>
</div>
<p>Lorem ipsum dolor sit amet consectetuer Nulla In et accumsan Nam. Pretium eu eu sagittis nibh leo vel Vestibulum nibh ut Curabitur. Odio mauris semper elit Sed risus vitae eget urna dui quam. Pellentesque sem urna amet amet consectetuer elit ut eu egestas Ut. Velit sagittis mus Mauris Nulla nibh nisl Aenean Aenean leo odio. Tellus tincidunt odio a urna porttitor dolor Nam wisi Sed dignissim.</p>
</div>
</body>
</html>