Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio Desarrollo web
CSS
CSS: problema de doble margen en IE6
CSS: problema de doble margen en IE6
Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen.
Supongamos que tenemos esta regla CSS:
div.capa p.parrafo {float:left; margin-left:10px;}
Internet Explorer 6 sacará un margen de 20px.
Se puede solucionar con un hack CSS, que valida pero es un poco chapuza:
div.capa p.parrafo {float:left; margin-left:10px;}
* html div.capa p.parrafo {margin-left:5px;}
O como dicen en Position is Everything añadir un display:inline;
a la regla CSS:
div.capa p.parrafo {display:inline; float:left; margin-left:10px;}
De esta forma el elemento sigue siendo bloque, ya que tiene el float, y sale con el margen definido en Internet Explorer.
Saber más
¡Larga vida a IE6!
Haciendo emocionante la maquetación web desde 2001.
Datos del artículo:
- Publicado el jueves 2 de abril de 2009 a las 11:43
- Archivado en CSS, Desarrollo web
- Etiquetas: Internet Explorer, Internet Explorer 6, Maquetación web
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Los comentarios están cerrados.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Todavía no hay comentarios.
Los comentarios están cerrados.