Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/04/2010, 16:51
psicopatia
 
Fecha de Ingreso: abril-2010
Mensajes: 26
Antigüedad: 14 años
Puntos: 0
Ayuda!! Alinear divs, saltos de linea horizontalmente con un float

Hola a todos, a ver si me podeis echar una mano, o las dos al cuello...

No tengo mucha idea de capas, pero lo intento no es facil. Tengo un problemilla q seguro es sencillo d solucionar:

Quiero conseguir esto:



Sin embargo lo q consiguo es esto otro



Me gustaria q la repeticion de divs manteniese las lineas horizontales y que el div con float right se ajustase el alto a las lineas o algo.

Aqui muestro mi css:

#contenedor {
width: 980;
height:auto;
}

#banner {
float:right;
width:300px;
height:250px;
z-index:1;
margin: 5px;
}

#videos {
float:left;
width:160px;
height:120px;
z-index:1;
margin: 5px;
}

Y como lo pongo:

<div id="contenedor">
<div id="banner">300x250</div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>
<div id="videos"></div>.....
</div>

Aqui muestro una pagina q realiza lo que quiero:

http://www.pornhub.com/video?o=mr&page=2


Agradeceria una pequeña ayuda.
Muchisimas gracias

Última edición por psicopatia; 21/04/2010 a las 07:20