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 originaltd {
width: 66px;
height: 27px;
text-align: center;
color: #5b98a9;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #227d93;
padding: 0;
}
td.date_has_event {
color: #FFF;
font-weight: bold;
cursor: pointer;
width: 66px;
height: 23px;
/*float: left;*/
padding: 4px 0 0 0;
}
.events {
position: relative;
float: none;
margin: 0 0 0 0;
top: -35px;
left: 65px;
}
.events ul {
text-align: left;
position: absolute;
display: none;
z-index: 1000;
font-size: 15px;
width: 250px;
list-style: none;
color: #7cb0bf;
}
CSS en IE8
Código CSS:
Ver originaltd {
width: 66px;
height: 27px;
text-align: center;
color: #5b98a9;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #227d93;
padding: 0;
}
.events {
position: static;
float: left;
margin: 0 0 0 0;
top: -35px;
left: 65px;
}
.events ul {
text-align: left;
position: relative;
float: left;
display: none;
z-index: 1000;
font-size: 15px;
width: 250px;
list-style: none;
color: #7cb0bf;
}
td.date_has_event {
color: #FFF;
font-weight: bold;
cursor: pointer;
width: 66px;
height: 23px;
padding: 4px 0 0 0;
}
Espero, que me puedan ayudar.
Saludos.