Foros del Web » Creando para Internet » CSS »

Alguno sabe ingles? How To Clear Floats Without Structural Markup

Estas en el tema de Alguno sabe ingles? How To Clear Floats Without Structural Markup en el foro de CSS en Foros del Web. How To Clear Floats Without Structural Markup Encontré esta pagina que aparentemente explica como construir una estructura con un pie de pagina que descienda si ...
  #1 (permalink)  
Antiguo 30/03/2007, 07:40
Avatar de animaliens  
Fecha de Ingreso: mayo-2006
Ubicación: Patagonia Argentina
Mensajes: 202
Antigüedad: 11 años, 7 meses
Puntos: 1
Alguno sabe ingles? How To Clear Floats Without Structural Markup

How To Clear Floats Without Structural Markup

Encontré esta pagina que aparentemente explica como construir una estructura con un pie de pagina que descienda si se estira un div debido a que su contenido es dinámico quedando siempre abajo. El Problema es que esta en ingles. La traduje con Altavista pero no entiendo nada.
Esta es la dirección:

http://positioniseverything.net/easyclearing.html

Quizas alguno sepa traducir o explicar su contenido (Si tiene ganas je)
__________________
Visiten El Bolson en la Patagonia El Bolson
Muchas imagenes de la Patagonia y Diario Digital

  #2 (permalink)  
Antiguo 30/03/2007, 14:14
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Alguno sabe ingles? How To Clear Floats Without Structural Markup

está algo largo para traducirlo ahora, pero lo único que tienes que tomar en cuenta es el siguiente código:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

En pocas palabras, este truquito te soluciona un problema con los elementos flotados. La cosa está así: tu elemento padre debería crecer mientras crezcan sus elementos hijos, sin embargo, cuando flotas un elemento, al elemento padre ya no le importa y entonces toma la medida más grande de los elementos no flotados. El truco del clearfix hace que el elemento padre crezca de acuerdo al elemento más grande, sin importarle si están flotados o no.

Anteriormente yo solucionaba esto con un div de 1px, sin embargo, con este truco tan solo hace falta agregar la clase al contenedor padre.

Saludos
  #3 (permalink)  
Antiguo 30/03/2007, 18:43
 
Fecha de Ingreso: febrero-2007
Mensajes: 53
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: Alguno sabe ingles? How To Clear Floats Without Structural Markup

Esta solución te funciona en IE7? o en IE6? creia que no se soportaba el selector after y before.
  #4 (permalink)  
Antiguo 31/03/2007, 18:55
Avatar de animaliens  
Fecha de Ingreso: mayo-2006
Ubicación: Patagonia Argentina
Mensajes: 202
Antigüedad: 11 años, 7 meses
Puntos: 1
Re: Alguno sabe ingles? How To Clear Floats Without Structural Markup

Gracias jesusbet!!!
__________________
Visiten El Bolson en la Patagonia El Bolson
Muchas imagenes de la Patagonia y Diario Digital

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:00.