Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/08/2010, 10:04
Avatar de Jona_than
Jona_than
 
Fecha de Ingreso: noviembre-2005
Ubicación: Chile
Mensajes: 155
Antigüedad: 18 años, 4 meses
Puntos: 0
Con respecto a los Position de IE

Estimados,

He estado desarrollando un sitio, y tengo el siguiente problema, hay una cosa que no me esta funcionando como debería ser el Internet Explorer 8, y lamentablemente he intentando de varias formas, tiene que ver netamente con el CSS.

El correcto funcionamiento es el sigu¡ente, lo cual funciona en Chrome y Mozilla Firefox, pero no sucede lo mismo en IE 8.

Chrome y Mozilla Firefox


IE8


CSS de Chrome y Mozilla Firefox

Código CSS:
Ver original
  1. td {
  2.     width: 66px;
  3.     height: 27px;
  4.     text-align: center;
  5.     color: #5b98a9;
  6.         border-left: 1px solid #FFF;
  7.         border-right: 1px solid #FFF;
  8.         border-bottom: 1px solid #FFF;
  9.         background: #227d93;
  10.         padding: 0;
  11.  
  12. }
  13. td.date_has_event {
  14.         color: #FFF;
  15.     font-weight: bold;
  16.     cursor: pointer;
  17.     width: 66px;
  18.     height: 23px;
  19.         /*float: left;*/
  20.         padding: 4px 0 0 0;
  21. }
  22. .events {
  23.     position: relative;
  24.         float: none;
  25.         margin: 0 0 0 0;
  26.     top: -35px;
  27.     left: 65px;
  28. }
  29. .events ul {
  30.     text-align: left;
  31.     position: absolute;
  32.     display: none;
  33.     z-index: 1000;
  34.     font-size: 15px;
  35.     width: 250px;
  36.     list-style: none;
  37.     color: #7cb0bf;
  38. }

CSS en IE8
Código CSS:
Ver original
  1. td {
  2.     width: 66px;
  3.     height: 27px;
  4.     text-align: center;
  5.     color: #5b98a9;
  6.         border-left: 1px solid #FFF;
  7.         border-right: 1px solid #FFF;
  8.         border-bottom: 1px solid #FFF;
  9.         background: #227d93;
  10.         padding: 0;
  11.  
  12. }
  13. .events {
  14.     position: static;
  15.         float: left;
  16.         margin: 0 0 0 0;
  17.     top: -35px;
  18.     left: 65px;    
  19. }
  20. .events ul {
  21.     text-align: left;
  22.     position: relative;
  23.         float: left;
  24.     display: none;
  25.     z-index: 1000;
  26.     font-size: 15px;
  27.     width: 250px;
  28.     list-style: none;
  29.     color: #7cb0bf;
  30. }
  31. td.date_has_event {
  32.         color: #FFF;
  33.     font-weight: bold;
  34.     cursor: pointer;
  35.     width: 66px;
  36.     height: 23px;
  37.         padding: 4px 0 0 0;
  38. }

Espero, que me puedan ayudar.

Saludos.
__________________
- Fasecreativa
- Twitter @jonyram