Bloques float

[vrael]

Una duda. Tengo un bloque contenedor div, que a su vez va a tener en su interior tres bloques div consecuitvos, como si fueran tres columnas.

El caso es que poniendo las columnas como float, se situan una al lado de las otras, como debe ser, pero se salen del contenedor. Si le pongo float también al contenedor, entonces se ve correctamente, pero entonces el contenedor se ajusta a la izquierda, y pierdo el centrado horizontal.

¿Cómo se puede solucionar esto?

PD: No se si me he explicado bien

[Carlangueitor]

Si tienes los bloques flotados más ancho que el contenedor se van a salir, dales el ancho correcto para que se queden dentro.

Saludos

[exxqizofrenicoo]

a que le dices que se salen, el tema cuando tienen mas ancho que el div padre el ultimo por ejemplo si hacen float:left el mas a la derecha baja de fila se podria decir porque no entra como te dijo Carlangueitor, es eso lo que te pasa ?
si es eso la solucion es como te dijieron conta bien los anchos de los hijos y que la suma de ancho padding y margin te den el ancho del padre.

otra cosa que esta bueno aplicar luego de utilizar float es en un div por debajo

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

esto lo que hace es terminar con el float y asi el div padre poder tomar todos los div con float.

[ArturoGallegos]

Iniciado por exxqizofrenicoo

otra cosa que esta bueno aplicar luego de utilizar float es en un div por debajo

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

esto lo que hace es terminar con el float y asi el div padre poder tomar todos los div con float.

cuando colocas un div (padre) centrado, y en su interior div (hijos) con un float lo normal es que se salen de la parte de abajo...

es correcto y valido usar un div extra aplicando el clear:both; para que el div padre tome el mismo alto que los div hijos, pero es mucho mejor si al div padre aplicas un overflow:auto; o un overflow:hidden; esto tiene el mismo efecto que el div adicional que incluyes para colocar un clear:both

[vrael]

Muchas grácias, lo he solucionado de la forma que me recomienda Ag666, con la propiedad overflow, ya que me parece un poco más "limpia" que utilizar un div más.

clear:both, left y right yo lo suelo utilizar cuando después de tener varios bloques por ejemplo, float:left, quiero que el siguiente se ponga debajo, y le aplico la propiedad clear a ese bloque, rompiendo así la herencia.

Grácias de nuevo.

[webmetrics]

Yo siempre usaba el div adicional con clear en todos los casos.

Pero el consejo que dais parece mas adecuado según que casos.

Gracias