Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/01/2011, 19:40
alexisenp
 
Fecha de Ingreso: diciembre-2009
Mensajes: 9
Antigüedad: 14 años, 3 meses
Puntos: 1
Pregunta Ayuda con uso de clearfix

Hola amigos de foros del web.
Estoy estudiando CSS, para lo cual me puse a jugar con unos divs, modificandoles sus propiedades y el surgió el problema que les explico a continuación.

Tengo un contenedor principal que tiene dentro 2 cajas, y me surgio el tipico problema que el contenedor principal no crece con los div que contiene, por ahí leí que esto se soluciona usando el clearfix, por lo que lo añadí a mi código. pero aun asi no se soluciona el problema =/, el codigo que estoy usando es el siguiente:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}
.cont{
	border: 2px solid #000;
	left:50px;
	top:50px;
	padding:10px;

}
.cont1{
	border: 2px solid #000;
	background:#090;
	position:relative;
	float:left;
}
.cont2{
	border: 2px solid #000;
	background:#00C;
	position:relative;
	float:left;
	left:10px;
	top:30px;

}
</style>
</head>

<body>
<div class="cont clearfix" >
	<div class="cont1" > dentro 1</div>
	<div class="cont2" > dentro 2</div>
</div>
</body>
</html>
quizas estoy haciendo algo mal, no lo se, espero me puedan ayudar.
Muchisimas gracias de antemano.