Re: [Ovillo] Como siempre, problemas con clear:both
On 8/2/05, Víctor Pimentel [EMAIL PROTECTED] wrote:
En una de las páginas me veo obligado, en la columna del medio, la
principal, a flotar algunos elementos. La pregunta del millón: ¿cómo
hagopara que esos elementos no se salgan de su div padre?
aplica esto a columna principal:
#columna-principal:after {
content: clearfix;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html #columna-principal {height: 1%;}
/* End hide from IE-mac */
recomendación: no dependas de dibujos ascii para explicarte porque muchos
clientes de correo o webmails (como es el caso del que yo uso) no muestran
los e-mails sin formato en tipografias monospace. es preferible que adjuntes
una imagen, que envies el e-mail en html (y apliques alguna fuente monospace
al ascii) o que adjuntes un txt.
inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como siempre, problemas con clear:both
Hola Víctor, hola Inti
Inti Castro escribió:
On 8/2/05, Víctor Pimentel [EMAIL PROTECTED] wrote:
En una de las páginas me veo obligado, en la columna del medio, la
principal, a flotar algunos elementos. La pregunta del millón: ¿cómo
hagopara que esos elementos no se salgan de su div padre?
aplica esto a columna principal:
#columna-principal:after {
content: clearfix;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Según entendí yo, el problema no es clarear la columna principal sino
los hijos de ésta. En este caso, se resolvería poniendola también como
flotante, tal como hice en este ejemplo cuando me encontré con el mismo
problema:
http://www.eltaragui.com.ar/maqueta1.htm
recomendación: no dependas de dibujos ascii para explicarte porque muchos
clientes de correo o webmails (como es el caso del que yo uso) no muestran
los e-mails sin formato en tipografias monospace. es preferible que adjuntes
una imagen, que envies el e-mail en html (y apliques alguna fuente monospace
al ascii) o que adjuntes un txt.
No se pueden enviar adjuntos a la lista, por lo que la mejor alternativa
creo que es subir una captura o la página problemática a un servidor y
enviar la url.
Saludos,
--
Camilo Kawerín
27Sur comunicación diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Como siempre, problemas con clear:both
Saludos a la lista, Tengo un problema con clear:both, a ver si logro explicarme bien. En mi diseño principal, tengo las típicas tres columnas: la del medio para el contenido principal y las otras dos para opciones secundarias. Esto lo consigo con un float:left y un float:right. Hasta aquí bien. En una de las páginas me veo obligado, en la columna del medio, la principal, a flotar algunos elementos. La pregunta del millón: ¿cómo hago para que esos elementos no se salgan de su div padre? No puedo inventarme un div debajo y hacer un clear:both a secas, pues entonces me deja un espacio que llega hasta el fin de las otras dos columnas. Es decir, hace que no flote nadie a su alrededor. Yo lo que quiero es que floten las otras columnas pero no floten los elementos que están en la misma columna. A ver, lo intento explicar con un dibujo ascii. Esto es lo que pasa antes de nada: _ ___ _ | columna | | columna principal | | columna | |izquierda| | ___ | | derecha | | | || | | | | | float: | || elemento |__| | float: | | left | | flotado || right | | | | || | | | |___|| | | | | | | | | | | | | | | | |_| |_| Y esto depués de añadirle un div o un p y hacerle un clear:both: _ ___ _ | columna | | columna principal | | columna | |izquierda| | ___ | | derecha | | | || | | | | | float: | || elemento | | | float: | | left | || flotado | | | right | | | || | | | | | | ||___| | | | | | | | | | | | | | | | | | | | | | | | | | |_| |_| | | | _ | || clear:both || ||_|| |___| El efecto que quiero es este: _ ___ _ | columna | | columna principal | | columna | |izquierda| | ___ | | derecha | | | || | | | | | float: | || elemento | | | float: | | left | || flotado | | | right | | | || | | | | | | ||___| | | | | | |___| | | | | | | | | | | | | |_| |_| Ponerle un margin-top fijo al siguiente elemento o al div/p auxiliar del que hablo tampoco me vale, porque el contenido del elemento flotado es dinámico, y no es que no sepa lo que va a ocupar, es que (como es javascript) su altura puede variar mientras estemos viendo la página, según nuestro comportamiento. Espero haberme explicado bien, y espero que alguien me pueda ayudar. Víctor, ¡Gracias! -- Usando el revolucionario cliente de correo de Opera: http://www.opera.com/m2/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
