24 June, 2008

Hacks ie

Como veis me he puesto en plan diseñador-meticuloso-pejillero y gracias a los conocimientos de css/xhtml adquiridos en mi etapa de interacción he podido cambiar un poquillo el layout de este espacio.

Mas espacio en la columna de navegación, nuevo menú de navegación superior donde en los próximos días encontrareis un enlace al nuevo wiki, menos importancia al titulo de este blog (el cual me sigue sonrojando :$ estaba falto de ideas aquel día), el buscador en la cabecera, la nube de etiquetas y algunos cambios de colorines.

Como no podía ser de otra forma me topé con los siempre cojoneros problemas de visualización en ie. Este vez le tocaba a los bloques que contienen otros bloques flotantes. El bloque padre no se adapta a la altura de su contenido así que toca utilizar los hacks para ie6 y ie7.
Lo primero añadir las css con los bloques condicionales para los ie's.

  1. <!--[if IE 6]>
  2.      <style type="text/css">
  3.          @import url( /ie6.css );
  4.      </style>
  5. <![endif]-->
  6. <!--[if IE 7]>
  7.      <style type="text/css">
  8.          @import url( /ie7.css );
  9.      </style>
  10. <![endif]-->

Luego en ie6.css declaramos la altura del contenedor padre como:

  1. #header {
  2.     height:1%;
  3. }

Y para ie7.css así:

  1. #header {
  2.     display:inline-block;
  3. }

Esta vez he tenido suerte y no han sido necesarias mas personalizaciones.

1 Comment »

RSS feed for comments on this post. TrackBack URL

Leave a comment

Para proteger este sitio del dichoso spam responde a esta pregunta y antes de enviar tu comentario

Powered by WordPress
Bajo licencia Creative Commons
Contacto sanroman.javier at gmail.com