Hola a todos de nuevo:
Vuelvo con el eterno caballo de batalla de mi página, las diferencias entre IE y los estándares. Cuando haga mi web propia prometo diseñar únicamente para los navegadores que respeten los estándares, pero de momento me debo a los usuarios y los nuestros utilizan mayormente IE y Firefox, con lo que tengo que pensar en los dos.
El problema es que haciendo pruebas para modificar el diseño de la página me he encontrado con varios problemas que he solucionado como buenamente he podido, he ignorado o he esquivado. El último es este:
Tengo un div "container" que se centra en el <body> y que, como su propio nombre indica, envuelve el contenido de la página. Mi objetivo es que quedase alineado en el centro horizontalmente y que llegase desde arriba hasta el final del texto de la página. Este es el código:
Código:
body{
text-align: center;
background-color: #FDF7F7;
margin: 0px;
}
#container{
width: 700px;
margin: 0px auto;
text-align: left;
background-color: #FFFFFF;
}
En IE (6 y 7) me funciona "perfectamente", pero en Firefox y Safari (hay que probar con todo) me queda un margen en la parte superior que no se como quitar. Os dejo una captura de pantalla:
A ver si alguien me puede decir como solucionarlo.
Saludos.