[SOLUCIONADO] Ajustar tabla "DIV" al contenido

[Belko2]

Hola a todos, tengo un problema con el codigo div, quiero ajustarlo al contenido (lo he conseguido) pero me sale un contenido debajo de otro dejando espacio al lado.

Es decir:

Tengo varios productos con su precio y sus especificaciones, y la tabla se ajusta a ese contenido y el siguiente producto en vez de salirme a la derecha del primero me sale debajo.

Lo he ajustado con este codigo:

Código:

display:inline-block;

He provado con este pero se amontona todos los productos arriba a la izquierda:

Código:

position:absolute;

[moginn]

muestra un pantallazo

[Belko2]

Aquí te dejo la página donde sale los cuadros:

http://www.generaciongamer.es/revista/tienda/

Si pongo el codigo:

position:absolute;

se pone todos los productos donde esta el primero y el unico que se ve es el ultimo ya que esta encima del resto.

Quiero que salgan a la derecha hasta llegar a la columna...

[moginn]

he visitado la página y aún no pillo tu problema. Yo no veo ningún producto.

[Belko2]

Iniciado por moginn

he visitado la página y aún no pillo tu problema. Yo no veo ningún producto.

A esos cuadros donde estan los juegos que en la esquina pone "Amazon" a eso me refiero.

[pzin]

Si quieres que salgan uno al lado de otro, tienes que flotarlos y quitarle los párrafos que hay ahí en medio.

[Belko2]

Iniciado por pzin

Si quieres que salgan uno al lado de otro, tienes que flotarlos y quitarle los párrafos que hay ahí en medio.

gracias, he colocado:

float:left;

y se ha puesto como quería, pero la primera fila aparece descolocada y el resto bien (Ademas de salir todos juntos) ¿Que deberia de hacerle?

PD: perdonad si parezco muy torpe pero nunca he tocado CSS o me lo han hecho o lo he cogido hecho es la primera vez que toco CSS por mi cuenta.

[moginn]

Iniciado por Belko2

gracias, he colocado:

float:left;

y se ha puesto como quería, pero la primera fila aparece descolocada y el resto bien (Ademas de salir todos juntos) ¿Que deberia de hacerle?

PD: perdonad si parezco muy torpe pero nunca he tocado CSS o me lo han hecho o lo he cogido hecho es la primera vez que toco CSS por mi cuenta.

tienes que poner CLEAR:BOTH al final

<div style="float:left"></div>
<div style="float:left"></div>
<div style="clear:both"></div>

[Belko2]

Iniciado por moginn

tienes que poner CLEAR:BOTH al final

<div style="float:left"></div>
<div style="float:left"></div>
<div style="clear:both"></div>

Al añadir "clear:both;" se me pone como en la primera imagen todo en una sola columna.

Sin el clear:both se me queda asi (Solo con el float)

[moginn]

Iniciado por Belko2

Al añadir "clear:both;" se me pone como en la primera imagen todo en una sola columna.

Sin el clear:both se me queda asi (Solo con el float)

sólo tienes que poner clear:both después de todos los floats

<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
<div style="clear:both"></div>

si la primera fila te sale descolocada hay algo que debes tener mal. Algun margin o padding que no debería de estar, por ejemplo.

[Sarlit]

Por algún motivo que desconozco tienes varios <p>...</p> con código javascript de por medio, quita esas <p></p> y te quedará bien

[pzin]

Iniciado por pzin

Si quieres que salgan uno al lado de otro, tienes que flotarlos y quitarle los párrafos que hay ahí en medio.

[Sarlit]

Iniciado por pzin

Si te sirve de consuelo, yo sí te leí

[Belko2]

Iniciado por pzin

perdona jeje, ya si esta bien gracias :D una ultima cosa, y para ponerle un pequeño especio entre ellos?

[Sarlit]

Con margin, prueba con margin-left y margin-right por separado y los dos a la vez, se ve completamente distinto según lo hagas y cada cual tiene sus gustos así que prefiero decirte las tres opciones que recomendarte usar una.

[pzin]

Iniciado por Belko2

perdona jeje, ya si esta bien gracias :D una ultima cosa, y para ponerle un pequeño especio entre ellos?

Léete algún manual de CSS. Esa duda realmente es para leerla en un manual, no para preguntarla en un foro técnico.

http://librosweb.es