Ver Mensaje Individual
  #7 (permalink)  
Antiguo 22/04/2010, 17:26
Avatar de LuisdaviD
LuisdaviD
 
Fecha de Ingreso: octubre-2006
Mensajes: 74
Antigüedad: 18 años, 1 mes
Puntos: 2
Respuesta: Ayuda!! Alinear divs, saltos de linea horizontalmente con un float

Hola, yo probe así y me resultó bien en el firefox:

cambie el width: 850px del contenedor para alinearlo con el resto de las cajas

y el width:330px del banner para ajustarlo al tamaño de las cajas que están debajo.

Código HTML:
<html>
<head>
<style type="text/css">
#contenedor {
width: 850px;
height:auto;
}

#banner {
float:right;
width:330px;
height:250px;
z-index:1px;
margin: 5px;
background-color:red;
}

.videos {
float:left;
width:160px;
height:120px;
z-index:1px;
margin: 5px;
background-color:blue;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="banner">300x250</div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
<div class="videos"></div>
</div>
</body>
</html>