los div en IE me varían de posición

[carolina3]

hola muy buenas he creado una web y en google crome los div se ven en su posición que yo le he indicado pero en IE la posición me varían y esto hace que todo se vea mal que puedo hacer para que no ocurra esto .


los dicv están configurados de la siguiente manera uno de ellos le doy una clase y estos parametros :

Código CSS:

.btn1 {
    position:absolute;
    text-align:center;
    #top: -20%; /*HACK IE*/
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    width:190px;/*ancho contendor - margin - padding - border = 238px*/
    background-image: url(../fondobotones/btn1.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: 358px;
    height: 48px;
    top: 178px;
}
 

el otro que se desplaza :

Código CSS:

#apDiv1 {
    position:absolute;
    width:237px;
    height:115px;
    z-index:1;
    left: 531px;
    top: 478px;
    visibility: visible;
}
 

que debería hacer para que no se desplace en IE alguna pista porfa

[ocp001a]

Bueno, eso no es tema de php como podrás imaginar, no hay instrucción en php que haga que explorer obedezca los estándares.

No queda más que busques sobre "hacks" css para explorer, que conozcas cómo colocar instrucciones css que sólo explorer entienda para que los otros navegadores los ignoren, y finalmente mucha prueba y error, hasta lograr que tu div quede en la posición que deseas sin afectar a otros navegadores.

[carolina3]

ocp001a aja hacks css para explorer ok buscare , es que es un follon hasta que no me ha dado por mirar en IE no me di cuenta yo trabajando con google crome y ahora veo que todo se desplazo y como casi todo el mundo por desgracia usa IE pues tendré que ponerlo bien gracias ocp001a

[ocp001a]

Como detalle adicional, te diré que usando el guión bajo antes de cada instrucción css, logras que sólo explorer tome en cuenta dicha instrucción, de modo que puedes de cierta forma en la misma hoja de estilo programar un estilo estándar para todos los navegadores y una particular para IE

[carolina3]

entonces debería ir cambiando la posición del div poniendo el guion debajo y dejando el resto como esta?

[ocp001a]

Bueno, es algo más complejo que eso. Debes saber que IE interpreta de maneras muy distintas los diferentes atributos, sea el margin, padding, position etc, para conocer mejor esto, deberías leer alguna guía concreta de css, que te indique cómo interpretan los diferentes navegadores los atributos.

[gildus]

Holas,

Cuando uso position: absolute ya no hay necesidad de usar top o left? porque podria usar el margin-right o margin-top o incluso el margin-left. y asi le doy posicion a donde se deba ubicar, bueno no domino mucho el CSS, pero creo que en la seccion xHTML o CSS te podria orientar mejor.

Saludos