Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/03/2010, 21:45
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: PROBLEMA con Centrado horizontal y Float left

Con el siguiente codigo centramos horizontalmente el div .holder

Código:
*{margin:0; padding:0;}   /*recuerda siempre crear un reset*/  
.wrap { width: 900px; background-color: gray; padding:30px; text-align:center;}
.holder { /*width:840px;*/ overflow:hidden; margin:0 auto; text-align:left;}
.box { width:150px; height:150px; float:left; background-color:maroon; border: 1px black solid; }
Como ves utilizamos overflow:hidden; en .holder para limpliar los float de modo que ya no necesitaras ensuciar tu html con <div style="clear:both;"></div>, asi que ya puedes borrar esto. Utilizamos la propiedad text-align como un truco para que nos entienda ie. Con margin:0 auto; decimos que de un margen de 0 para top y bottom y centre hacia los lados.


Espero te sirva, saludos!