Desplazamiento horizontal en IE??

NaRanJiTo78 · #1 (**permalink**) 26/02/2009, 10:20

Hola!

Como no, (una vez más), tengo problemas CSS con IE.

El caso esque es un div que contiene el logo de W3C con el siguiente código:

Código:

<div id="apDiv25">
  <p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0; width:88px; height:31px; margin: 0 auto; text-align: center;"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="¡CSS Válido!" /></a></p>
</div>

El caso esque, a pesar de verse centrado en Firefox con lo que he resaltado en negrita, en IE se me desplaza a la derecha.

Podeis ver el ejemplo en http://www.jarmauto.es

Como puedo corregir éste error?

Muchas gracias, un saludo

dark_nexus · #2 (**permalink**) 26/02/2009, 10:36

intenta con esto

Código HTML:

<div id="apDiv25">
	<p>
		<a href="http://jigsaw.w3.org/css-validator/check/referer">
			<img alt="¡CSS Válido!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border:none; margin:auto; width: 88px; height: 31px;"/>
		</a>
	</p>
</div>

Código HTML:

#apDiv25 {
height:46px;
position:absolute;
top:611px;
width:100%;
z-index:3015;
text-align: center;
}

NaRanJiTo78 · #3 (**permalink**) 26/02/2009, 11:45

mmmmm...he copiado ambos códigos y sigue igual....

coljung · #4 (**permalink**) 26/02/2009, 20:51

q raro.. te diria q le metieras clear:both; a ese div por probar.

Mikmoro · #5 (**permalink**) 27/02/2009, 01:37

Con el overflow: hidden en el body, con 1024 x 768 ni siquiera se ve el logo, que queda abajo fuera de la visión y sin posibilidad de scroll en la página. Recuerda que no todo el mundo tiene pantallas enormes.

Prueba a ponerle left: 0; al selector #apDiv25

NaRanJiTo78 · #6 (**permalink**) 27/02/2009, 02:26

Ni con "left: 0; ni clear; both; ni text-align: center;"... MALDITO IE!!!

NaRanJiTo78 · #7 (**permalink**) 27/02/2009, 02:34

Que cosa más extraña...al final he probado a poner el #apdiv25 con menor z-index del flash que tiene encima...y ha funcionado!!

No entiendo.

Aún así, como esque en IE queda abajo la barra de scroll horizontal para desplazarla un milímetro si todos los div´s de la página tienen "width: 100%" ?

NaRanJiTo78 · #8 (**permalink**) 27/02/2009, 04:09

Tengo otro desplazamiento horizontal en http://www.jarmauto.es/volkswagen con el div:

#apDiv26 {
position:absolute;
width:100%;
height:201px;
z-index:1002;
top: 47px;
background-color: #e6e6eb;
margin-right: 0%;
margin-left: 0px;
}

que me hace scroll en IE, he probado con cambiar el z-index, como el anterior, y no me funciona...

alguien me puede ayudar?

Muchas gracias

Mikmoro · #9 (**permalink**) 27/02/2009, 04:14

Repito: ¿le has puesto left: 0; ?

Con posición absoluta, si no le marcas un left en IE se desplaza como a media pantalla.

NaRanJiTo78 · #10 (**permalink**) 27/02/2009, 05:19

Si, pero sigue sin funcionar a pesar de indicárselo...

Cita:

#apDiv26 {
position:absolute;
width:100%;
height:201px;
z-index:1002;
top: 47px;
background-color: #e6e6eb;
margin-right: 0%;
margin-left: 0px;
left: 0;
}

NaRanJiTo78 · #11 (**permalink**) 27/02/2009, 05:39

Ahora si!Esque no había refrescado...

Muchas gracias, Mikmoro!!!