<ironia>¿Cansado de que tus estadísticas sea una muestra de que IE se come el mercado? ¿Cansado de tener que diseñar para varios navegadores haciendo parches sobre los parches? Esta es la solución, un poco de CSS y verás el cielo abierto.
Con estas 23 líneas de código puedes hacer que cualquier IE (probado en IE 6) se cierre de forma bastante poco ortodoxa. :D</ironia>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>index</title> <style type="text/css"> body { width:755px; } ul#nav { position:absolute; } ul#nav li { display:inline; } ul#nav li a { float:left;display:block;margin:0 1px 0 0;width:150px; } ul#nav li a:hover { background:#ddd; } </style> </head> <body> <ul id="nav"> <li><a href="#">Option</a></li> <li><a href="#">Option</a></li> <li><a href="#">Option</a></li> <li><a href="#">Option</a></li> <li><a href="#">Option</a></li> </ul> </body> </html>
Podeis ver el ejemplo funcionando en esta página.O tambien un video con la caida 😀
¿Por que pasa?
Aparentemente IE6 no soporta XTHML 1.1, y esto hace que entremos en modo quirks mode, esto nos produce que el navegador se comporte de una forma bastante extraña y podamos obtener resultados completamente diferentes a lo que pretendemos conseguir.
8 comentarios, 0 referencias
+
#