Archivo » clearfix

FLOAT, cuatro formas de contención

15 Apr'09, 2 Comments

De vuelta con el inseparable amigo de cualquier diseñador web: float. Voy a resumir en este post 4 formas de contener los efectos colaterales evitando “desbordamientos” y la desorganizanción de los elementos fluidos. Easy clearing (Big John) Soluciona el problema creando la clase clearfix. Esta técnica es eficiente, no obstante y de forma personal la [...]

Continue reading "FLOAT, cuatro formas de contención".

Un overflow: hidden; y width como clearfix

08 Mar'09, 2 Comments

Esta técnica evita de forma muy sencilla los daños colaterales de float. Simplemente debemos de indicar las propiedades overflow: hidden; y especificar una medida para el width; en el elemento contenedor. div.container { overflow: hidden; width: 100%; }   div.left { width: 75%; float: left; } div.right { width: 25%; float: right; } Creo que [...]

Continue reading "Un overflow: hidden; y width como clearfix".