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:
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.
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
[...] Seguro que alguna vez te has visto en problemas para mantener el pie de tus páginas en su sitio, abajo del todo. Ya vimos, en este mismo blog, una aproximación que nos permitía conseguir que los pies de página se mantuviesen en su sitio. No obstante, aquella solución nos obligaba a emplear atributos de estilo propietarios y no válidos. [...]
Feed RSS de los comentarios de este post.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
Genial. Era exactamente lo que estaba buscando.
Muchas gracias. Tienen un sitio muy recomendable.