Seguramente ya sabréis muchos (los que se dediquen al diseño web) que el IE es un poco puñetero para trabajar con hojas de estilo y que a veces hay que recurrir a pequeños hacks para que la web se visualice correctamente si hacemos uso de CSS.
Hasta aquí nada nuevo. Pero ya se ve a lo lejos la nueva versión del explorer, la 7, que promete soporte total de este lenguaje para decir adiós a esas «chapuzas» que nos vemos obligados a usar. Pero como todavía falta algo de tiempo, nos podemos pasar por esta web y bajarnos un pequeño script que traduce CSS para que el navegador de Microsoft lo entienda correctamente. A saber:
supports the following CSS selectors:
namespace|selector
parent > child
adjacent + sibling
adjacent ~ sibling
[attr], [attr=»value»], [attr~=»value»] etc
.multiple.classes (fixes bug)
:hover, :active, :focus (for all elements)
:first-child, :last-child, only-child, nth-child, nth-last-child
:check, :disabled, :enabled
:root, :empty, :contains(), :not()
:before/:after/content:
:lang()
– works with both HTML and XML documents
– supports imported style sheets
– preserves the cascade of the style sheet
– does not alter the document structure
– does not repeatedly query the DOM tree using JavaScript
– uses pure CSS to enforce style sheet rules
– supports the W3C box model in both standards and quirks mode
– supports fixed positioning (flicker free)
– supports overflow:visible
– supports min/max-width/height
– fixes broken (X)HTML elements (abbr, object)
– standardies forms behavior
– supports PNG alpha transparency
– lightweight script (22K)
– completely modular (add/remove fixes)
– works for Microsoft Internet Explorer 5+ (Windows only)
Si te interesa, ya sabes por donde has de pasar.
:: IE7 ::