Hacer que la Fundación 3 de Zurb funcione con IE7

Se ha propuesto una solución para hacer que el Framework 3 de Zurb funcione con IE7. Soporte no necesariamente complicado, pero ciertamente soporte de red.

La solución se presenta como: http://www.stormconsultancy.co.uk/blog/development/code-snippets/making-zurb-foundation-3-work-on-ie7/

He tratado de replicar esto aquí: http://sausag.es/foundation/grid.html

He agregado un enlace al archivo htc en mi foundation.min.css

La referencia es relativa al HTML, no al CSS.

He agregado una línea en htaccess sobre el archivo htc.

Pero todavía no puedo mostrar la grilla en IE7 como en IE8. ¿Dónde estoy equivocado?

La siguiente línea en tu hoja de estilo :

*behavior: url(/stylesheets/box-sizing.htc); 

se traduce a la siguiente dirección:

 http://sausag.es/stylesheets/box-sizing.htc 

que devuelve un 404. Puede solucionar esto cambiando la línea a:

 *behavior: url(/foundation/stylesheets/box-sizing.htc); 

o moviendo el archivo box-sizing.htc hacia abajo en una carpeta.

otra solución sería detectar ie7 con comentarios condicionales y luego aplicar un arreglo CSS para columnas como esta:

 .ie7 .columns{ margin-right: -15px ; margin-left: -15px ; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } 

esto borra el relleno en las columnas y arregla la grilla. puede hacer lo mismo en otros divs o partes del diseño.

también, necesitará corregir las columnas centradas y las columnas offset por by así:

 .ie7 .row{ clear: both; text-align: center; } .ie7 .offset-by-three { margin-left:25% !important; } .ie7 .offset-by-seven { margin-left:58.33% !important ; } 

y por supuesto los comentarios condicionales: