He estado investigando un poco y resulta que el problema del margen en
elementos con overflow hidden tiene su explicación. También tiene una
solución sencilla.
DESCRIPCIÓN
Tenemos un elemento que se debe de expandir para contener a los floats que
tiene en su interior. Pero, a su vez, este
¿Raro?. Es un diseño a tres columnas con las columnas laterales de ancho
fijo, sacado de una plantilla. Si haces un diseño en porcentajes y no
incluyes márgenes al elemento con overflow:hidden, entonces no se
reproducirá este problema, pero será otro diseño con otras características,
que podrá
Aupa
La verdad que da gusto, uno manda algo creyendo que es, o puede ser
la solución y siempre hay gente con opciones diferentes y/o que le
saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo
menos yo :)
También he probado la solución de flotar el contenedor, y
Juan, esa tecnica se denomina easy clear. Y en un momento la use.Pero
requiere más lineas de código y es muy inconsistente. A veces funciona y a
veces no.
El overflow hidden funciona perfecto. Y si encontramos algun problema con
IE6 es cuestión de usar height:1% para arreglar los problemas de
Aupa
No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
No convencido del famoso br limpiador con el clear:both para cerrar
bien las capas que contienen elementos flotados y que no sobresalgan
por encima de estas, he encontrado un artículo [1] donde explican
varios métodos
O overflow:hidden; Tienen el mismo efecto.
2009/3/4 Martin Etxauri t...@eragin.com
Aupa
No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
No convencido del famoso br limpiador con el clear:both para cerrar
bien las capas que contienen elementos flotados y que no sobresalgan
He tenido problemas en algunos navegadores con esta solución y no me ha
servido. Cuando se establece overflow:hidden a un elemento con floats a su
lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se
le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta
No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con
overflow hidden?
En ese caso no lo necesitarias porque el elemento padre de los floats
tambien esta flotado y no se produce el bug,.
2009/3/4 Daniel Navarro webpe...@gmail.com
He tenido problemas en algunos navegadores con
Completamente de acuerdo con el overflow:auto (o hidden), funciona bien y se
evita añadir elementos vacios al código HTML. En cambio a mi se me planteó
un problema (que conste soy novato en esto), si bien consegui que la capa
(contenedor en este caso) cerrara todos los elementos, un elemento que
Perdona por no explicarme bien: hay un elemento con floats en su interior,
al que se le aplica overflow:hidden para que se extienda y englobe a estos
floats interiores. Pero, a su vez, al lado de este elemento también hay
floats (las barras laterales en un diseño a tres columnas).
Lo mejor es que
Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en
porcentajes.
2009/3/4 Daniel Navarro webpe...@gmail.com
Perdona por no explicarme bien: hay un elemento con floats en su interior,
al que se le aplica overflow:hidden para que se extienda y englobe a estos
floats
Yo después de probar todo he optado por:
#caja:after
{
content: ; /* Un espacio, no hace falta el puntito ;-) */
display: block;
clear: both;
visibility: hidden; /* Estos dos ultimos */
height: 0; /* no son necesarios si utilizamos el espacio en lugar del
punto*/
}
Y en
12 matches
Mail list logo