Buenas a todos, llevo mucho tiempo visitando este foro y me ha sacado siempre de muchas dudas, pero ahora no encuentro la solución a mi problema. No estoy muy seguro de si el tema va aquí o en CSS, si me he equivocado lo siento.
Estoy remodelando una página web y según en navegador usado el <div> principal que contiene el resto de la página sale centrado o no. Los navegadores que enseñan bien la página son: IE8, Firefox y Chrome y por contra, los que no la muestran bien son: IE6 & IE7
La cosa no es sólo esa, hay una "sub-página" que posee la misma estructura y siempre sale centrada. Todo el <head>, hasta el primer <div> dentro del <body> son iguales en las dos páginas.
Para darle más chicha al asunto, cuando uso el firebug en las dos páginas para ver si encuentro el problema el <div id="wrapper"> en el index.html no me lo detecta (es decir no me lo marca en azul) y en presentacion.html si me lo marca.
La página está validada con el W3C, por lo que fallo de código creo que no es...
Como soy nuevo en el foro, no me deja incluir enlaces a la página e intento meter el código fuente pero tampoco me deja porque también incluye URL's. Como no consigo eliminarlas todas (no se si tengo que quitar todas las etiquetas <a>) voy a poner la página de manera "ilegal" para que podaís ver el codigo fuente
uv.es/calfaro
(lo siento mucho si rompe las normas del foro pero no encuentro otra solución)
Aquí pongo el CSS correspondiente:
Código:
#wrapper{
margin-top: 70px;
margin-left: auto;
margin-right: auto;
width: 940px;
text-align: center;
}
#izquierda{
float: left;
border: 1px solid #666;
width: 230px;
height: 812px;
position: absolute;
}
#centro{
float: left;
margin-left: 242px;
position: absolute;
width: 470px;
}
#centro .up{
border: 1px solid #666;
height: 260px;
}
#centro .down{
margin-top: 12px;
border: 1px solid #666;
height: 540px;
}
#derecha{
margin-left: 722px;
float: left;
border: 1px solid #666;
width: 230px;
height: 812px;
position: absolute;
}
Espero no haber liado mucho el tema y muchas gracias por vuestra ayuda.
--> EDITO: ¿Puede ser por los div's con position: absolute?
Un saludo