uikekarallo, gracias a lo que me has puesto he conseguido que ahora en los 3 navegadores se me quede centrado y no se pisen unos con otros.
en lugar de usar:
#pagina
{ codigo ........}
#pagina .logo { codigo}
#pagina .izq {codigo}
los he usado por separado como has puesto abajo.
ahora tengo 2 problemas que uno no me molesta mucho pero el otro no se como solucionarlo aun
1.
EDITO: solucionado
2. ahora en los 3 navegadores, como ya he dicho antes, se me abre correctamente, pero a pesar de tener las medidas exactas, en el IE me deja un agujero en medio, cosa que en FF ni chrome me hace:
mod1.CSS
Código:
#logo{
width: 1010px;
height:100px;
background-color: green;
position: relative;
//border: 3px solid green;
margin: 0;
}
#left{
float: left;
width: 685px;
height:500px;
padding: 10px;
background-color: blue;
position: relative;
//border: 3px solid blue;
margin: 0;
}
#right{
float: right;
width: 285px;
height: auto;
padding: 10px;
background-color: pink;
position: relative;
//border: 3px solid pink;
margin: 0;
}
.clear { clear: both; }
he usado el padding porque en el chrome el texto se me queda totalmente pegado a la izquierda, en IE se queda bien.