Problema Div con position relative

[malakana]

Hola a todos,

Estoy desarrollando una web y estoy tratanto de posionar un div dentro de otro div con position relative la idea es colocar la capa interna en la posicion que quiera con las propiedades top y left. En firefox no hay problema me lo hace correctamente pero en iexplorer no se porque, me deja un hueco que estira todo hacia abajo los pixeles que mida el div interior.

Como veis en las imagenes de abajo en iexplorer deja un hueco blanco arriba que no tendría que aparacer del alto del div interior.




El código css de la capa interna es el siguiente

position: relative;
left: 20px;
top: 250px;
height: 20px;
width: 20px;

si alguien pudiese echarme una mano le estaría agradecido, ;D

[mick089]

Pruebalo asi:

position: relative;

margin:0 auto;

height: 20px;
width: 20px;



ASI SE CENTRARA LA PAGINA.

[Impostor]

Iniciado por mick089

Pruebalo asi:

position: relative;

margin:0 auto;

height: 20px;
width: 20px;



ASI SE CENTRARA LA PAGINA.

¿seguro? No tiene sentido tener una position relative y margin:0 auto; , son contradictorias. Ademas, creo que no has entendido su problema, no quiere centrar la página sino eliminar el espacio en blanco que aparece.

malakana Seguramente ese espacio en blanco venga de otro código, postea el link a la web o código completo. Normalmente añadiendo a body height:100% y width:100% se soluciona.

Saludos¡¡

[mick089]

he entendido mal la pergunta.

Acabo de empezar en el tema de webs, pero en una que hice, si pongo la posicion absolute con un margin 0 no se me centra y con la posicion relative si.

[jomaruro]

Hola:

Iniciado por Impostor

¿seguro? No tiene sentido tener una position relative y margin:0 auto; , son contradictorias.

Pruebalo, verás como no son contradictorias y te convencerás.

Malakana ¿utilizas un reset al inicio de tu hoja css?

Inicia tus hojas de estilos con lo siguiente:

Código CSS:

* {padding:0; margin:0 auto;}
 

Saludos.