Atributo min-height en IE6
Web July 29th, 2009
Hay algunos navegadores antiguos (IE6 por supuesto) que no soportan algunas propiedades interesantes de CSS como el min-height, que dice cual debe ser la altura minima que debe tomar un elemento.
Afortunamente, hay hacks para solventar este problema, el más simple (solo involucra CSS y no hay que hacer ningún cambio en el HTML) de todos es el siguiente:
selector { min-height: 500px; height: auto !important; height: 500px; }
IE6 no sabe que significa el !important, por lo que la altura no será automática sino de 500px. El resto de navegadores (los buenos como Firefox, Chrome, Opera… y bueno, también IE7) si harán un render correcto.
Pueden encontrar más información al respecto aquí.
Tags: CSS, HTML, IE6, min-height
CSS: Reemplazar texto con imágenes
Web July 21st, 2009
El método más simple que he encontrado para reemplazar texto con imágenes, por ejemplo, para hacer más vistosos los títulos en una web y no perder la semántica del HTML, es el de text-indent (creado por Mike Rundle).
Solo se necesita:
h1 { text-indent: -9000px; background: url(image.jpg) no-repeat 0 0; width: 200px; /* Ancho de la imagen */ height: 80px; /* Alto de la imagen */ }
Lo encontré en esta presentación super intersante sobre tipografía para Web.
Tags: CSS, Tipografía
Aprender CSS
Web March 5th, 2009
He encontrado algunos buenos recursos para aquellos que quieren aprender CSS o para los que trabajamos diariamente con esta tecnología, acá se los dejo:
- Introducción a CSS (librosweb.es)
- CSS Avanzado (libros.es)
- Blog CSS: Un blog dedicado a este tema con información muy interesante.
About
