Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/08/2010, 21:46
Avatar de F.Y.N.
F.Y.N.
Colaborador
 
Fecha de Ingreso: noviembre-2006
Ubicación: En un acorde de LA menor
Mensajes: 5.807
Antigüedad: 18 años
Puntos: 116
Exclamación "Compatibilizar" mi menu CSS con IE6

Buenas...

Bueno, tal como dice el titulo necesito "parchar" mi sitio para que se vea bien con la porquería de Internet Explorer 6...

Así se ve con IE 7 y 8 (al igual que con el resto de los navegadores modernos):



En cambio con el maldito IE 6 (SP1) se ve así:



Ésta es mi pagina: http://tinyurl.com/2b7jyl9

Y éste el CSS del menu:

Código CSS:
Ver original
  1. #menu1
  2. {
  3.     height: 32px;
  4.     text-shadow: #999 1px 1px 3px;
  5.     background: url(estilo/bgs/bg3.jpg) repeat;
  6.     margin: 0 auto;
  7. }
  8. #menu1 UL
  9. {
  10.     list-style: none;
  11. }
  12. #menu1 UL LI
  13. {
  14.     float: left;
  15.     border-right: 2px groove #ccc;
  16.     /*border-bottom: 2px solid #ccc;*/
  17. }
  18. #menu1 UL LI A
  19. {
  20.     text-align: center;
  21.     padding: 5px;
  22.     color: #666;
  23.     display: block;
  24.     font: 18px Tahoma;
  25.     text-decoration: none;
  26.     height: 22px;
  27. }
  28. #menu1 li ul {
  29.     position: absolute;
  30.     width: 5em;
  31.     left: -999em;
  32. }
  33. #menu1 li ul li
  34. {
  35.     background: #FFF;
  36.     border-left:1px solid #ccc;
  37.     border-right:1px solid #ccc;
  38.     border-bottom:1px solid #ccc;
  39.     width: 7em;
  40.     /*border-bottom: 2px solid #ccc;*/
  41. }
  42. #menu1 li ul li a
  43. {
  44.     font-size: 12px;
  45.     height: auto;
  46. }
  47. #menu1 li:hover ul {
  48.     left: auto;
  49. }
  50. #menu1 UL LI:hover A, #menu1 UL LI A:hover, #menu1 li:hover UL LI A:hover
  51. {
  52.     background: url(estilo/bgs/bg8.jpg) repeat;
  53.     color: #666;
  54. }
  55. #menu1 li:hover ul li a{
  56.     background: url(estilo/bgs/bg3.jpg) repeat;
  57. }

No importa si hay que modificar una parte del CSS por completo sin conservar lo que tengo ahora y que se vea distinto (con tal que se vea bien o parecido). Con una función en PHP puedo cambiar la hoja de estilos según el navegador del usuario

Gracias de antemano...

Salu1+1
__________________
ATi se te nota la nvidia...