Lean estos dos artículos si saben inglés:

http://thecssblog.com/tutorials/stopping-the-css-positioning-panic-part-1/
http://thecssblog.com/tutorials/stopping-the-css-positioning-panic-part-2/

:)

2010/1/26 Reactivo Química Visual <conta...@reactivo.es>

> A mi también me ha parecido estupenda :)
>
> El 26 de enero de 2010 12:32, manuel cuesta <manucu...@gmail.com>
> escribió:
>
> > Muy bueno Carlos.
> > Me ha encantado la explicación de los float. No lo había oido nunca. Eso
> es
> > pedagogía. Lo del clear ya es de nota.
> >
> > El 26 de enero de 2010 12:23, Carlos Acero Sánchez <
> > carlos.ac...@aguirrenewman.es> escribió:
> >
> > > > el float (que aún no entiendo muy bien cómo funciona);
> > >
> > > Voy a intentar a explicar de forma rápida y sencilla como funciona eso
> > del
> > > float:
> > >
> > > Para hacerte una idea de cómo funciona el float, imagina que tienes una
> > > pelota (nuestro span) y la sumerges dentro de una pecera llena de agua
> > > (nuestra capa contenedora) y la sueltas. La pelota subirá hasta la
> > > superficie, es decir flotará...
> > >
> > > Es más, imagina que al flotar la puedes dirigir que flote hacia el
> > extremo
> > > izquierdo o hacia el extremo derecho de la pecera(float:left o
> > float:right).
> > > Así que si introducimos varias pelotas, y todas tienen un float:left,
> > todas
> > > flotarán hacia la izquierda.
> > >
> > > Todavía más... imagina que cuando hay una pelota flotando ésta tiene
> > debajo
> > > de sí una plancha de cristal, por lo que si hubieras soltado otra
> pelota
> > > debajo de la plancha de cristal, ésta no llegaría a la superficie, y
> > > quedaría atrapada debajo de la plancha, eso es un clear:both.
> > >
> > > Todavía quedaría explicar el clear:left y el clear:right, pero me
> imagino
> > > que ya te imaginas como funciona.
> > >
> > > Espero que te sirva ;-)
> > >
> > > En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
> > > Datos de Carácter Personal, le informamos que los datos de carácter
> > personal
> > > utilizados para la presente comunicación proceden de un fichero de
> datos
> > de
> > > carácter personal titularidad de Aguirre Newman, S.A., debidamente
> > > notificado ante la Agencia Española de Protección de Datos, cuya
> > finalidad
> > > es la gestión (control, mantenimiento y archivo de la documentación) de
> > la
> > > relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
> > > terceros. Dichos datos, por consiguiente, han sido incorporados o serán
> > > incorporados en dicho fichero para los usos y finalidades indicadas,
> > > pudiendo ser objeto de comunicación a las Compañías que integran el
> GRUPO
> > > AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
> > > página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
> > > pertinente para el cumplimiento de las finalidades señaladas.
> > > Si Ud. no consintiese la utilización del correo electrónico para
> enviarle
> > > comunicaciones electrónicas,  la comunicación de sus datos de contacto
> al
> > > resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
> > > consentimiento al tratamiento de sus datos, podrá hacerlo mediante un
> > correo
> > > electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si
> > Ud.
> > > desea ejercitar sus derechos de acceso, rectificación, cancelación y
> > > oposición podrá hacerlo dirigiéndose por escrito al Departamento de
> > Asesoría
> > > Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P.
> > 28045
> > > Madrid, remitiendo, junto con la solicitud, una fotocopia de un
> documento
> > > oficial de identificación (DNI, Pasaporte, etc).
> > >
> > >
> >
> ____________________________________________________________________________
> > >
> > > According to Spanish Data Protection Law 15/1999, we hereby inform that
> > the
> > > personal data used in this communication come from an automated data
> > filed
> > > owned by Aguirre Newman, S.A., which has been duly notified to the
> > Spanish
> > > Data Protection Agency, and whose purpose is managing (control,
> > maintenance
> > > and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and
> > its
> > > communication with third parties. Such personal data has been included
> > > within the referred data file for the uses and purposes above-mentioned
> > and
> > > may be transferred to other companies of the AGUIRRE NEWMAN Group, when
> > > necessary for the compliance of the purposes above-mentioned. The
> > companies
> > > that form the AGUIRRE NEWMAN GROUP are listed in the legal notice of
> the
> > > corporate web site www.aguirrenewman.es.
> > > If you do not consent the use of you e-mail for sending electronic
> > > communications, or transferring your personal data to the companies of
> > the
> > > AGUIRRE NEWMAN Group, or you want to revoke your consent, please send
> an
> > > e-mail to asesoriajurid...@aguirrenewman.es. In addition, if you want
> to
> > > exercise your rights of access, rectification, cancellation and/or
> > > opposition, please send a written request to the Legal Department of
> > Aguirre
> > > Newman, S.A. c/ General Lacy Nº 23, PO. BOX 28045 Madrid, attaching a
> > > photocopy of an official identification document (DNI, Passport, etc).
> > >
> > >
> > > _______________________________________________
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > _______________________________________________
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a