Hola a todos, hoy vengo con otro problemilla.
Tengo una pagina con varias capas, todas estas con posicion estatica a excepcion de 2 que su posicion es fixed, el problema esta en que el efecto que doy no se nota en internet explorer 8 e inferiores, pero en el 9 o cualquier otro navegador funciona correctamente.
este es el css:
Código CSS:
Ver original.midiv2 {
background-image:url(../img/fondorosa.png);
background-repeat:repeat;
border:1px solid;
border-color:#a00000;
color:black;
font-weight:bold;
position: fixed;
left: 50%; /*esquina izquierda al centro*/
top: 50%; /*esquina superior al centro*/
height: 150px; /*alto*/
/*margin-top: 75px; /* 400px/2=200px, especificamos la posición central entre las 2 esquinas calculando la mitad del total*/
width: 400px; /*ancho*/
margin-left: -200px; /* 600px/2=300px, especificamos la posición central entre las 2 esquinas calculando la mitad del total*/
z-index:5500;
overflow: auto;
display:block;
border-radius: 10px;
-moz-border-radius: 10 px;
-webkit-border-radius: 10px;
}
Ahorita display esta en block para que se vea donde aparece y aparece en la parte donde declare la capa y no en el centro que es lo que hace ese codigo.
El detalle esta en que no funciona al poner fixed, pero si pongo absolute si me la centra, lo que no entiendo es por que no funciona aun cuando solo pongo esa capa en el body (quito todo lo demas).
Gracias y disculpen la molestia pero por mas que le busco no encuentro la solucion pues segun yo el codigo css esta bien, puesto que en otros navegadores funciona.