Webmaster Libre

Qué bien quedan esos blockquote que tienen unas grandes comillas tipográficas al comienzo y al final ¿verdad? Existen muchos métodos para conseguirlas pero el escaso soporte para CSS 2.1 de Internet Explorer 6 las hace caer en el ámbito de lo que pudo ser y no fue, al menos durante los años que tardemos en sacárnoslo de encima.
Otras soluciones pasan por utilizar Javascript o trucos con imágenes posicionadas absolutamente, nada especialmente aconsejable.

Hoy he descubierto, gracias a Natalie Downe, que, en realidad, conseguir unos blockquote con estilo es tan simple como sacar ventaja de nuestros amados estándares y las hojas de estilo en cascada.

Me explico: para que un blockquote sea válido tiene que tener la siguiente estructura:

Esto es el contenido de un blockquote, rodeado de sus etiquetas p, como dios manda

(más…)

Crear un sitio web básico es algo que, estoy segura, la mayoría de nosotros hacemos casi con los ojos cerrados. No obstante, ¿qué pasa cuando la página tiene poco contenido y se nos «sube» el pie de la página? En navegadores que entiendan de CSS la solución es sencilla pero para Internet Explorer se hace necesario recurrir a hacks.

Imaginemos un estructura básica de página:

Ahora el CSS, que no requiere de muchas más explicaciones:
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font: 400 0.8em verdana, arial, sans-serif;
background: #666;
color: #EEE;
}
#footer {
float: left;
width: 100%;
position: relative;
z-index: 3;
font-size: 0.85em;
margin-top: -1.5em;
background: #000;
}
#content {
height: 100%;
min-height: 100%;
text-align: left;
/*hack de max-width para Explorer que no comprende la propiedad css */
width: expression(document.body.clientWidth > 1000 ? “1000px” : “94%”);
max-width: 1000px;
margin: 0 auto;
}

Simple y, como siempre que envuelve al explorer, no valida. Podéis dejar la hoja de estilo un poco más limpia con comentarios condicionales y hojas de estilo específicas para explorer.