Chicos, sigo con problemas.
A ver, he cambiado la estructura de divs (me he dado cuenta que sobraba uno), y al quitarlo me pasa esto...
http://img72.imageshack.us/my.php?image=dibujoyh8.jpg
El banner está en posición relativa. Pero para que no se me enganche a su contenedor (aún y tener margin-top: 13.5px) la ÚNICA forma que he encontrado es ponerle position: absolute; al contenedor del banner. El problema me viene en qué ese contenedor deja de estar en el centro y no logro centrarlo :( En Mozilla/Chrome se me tira para la izquierda, en IE para la derecha...
Código:
body {
text-align:center;
color: silver;
font-family: Arial, Helvetica, sans-serif;
background-color: #333344;
background-image: url(./final.png);
background-repeat:repeat-x;
}
#container{
width: 996px;
height: 562px;
background-color: black;
margin: 0 auto;
-moz-border-radius: 12px; /*Per navegadors motors gecko arrodonim... */
position: absolute;
text-align:center;
}
#header{
width: 996px;
height: 61px;
background-color: white;
margin: 0 auto;
}
#banner{
position: relative;
width: 964px;
height: 220px;
background-color:red;
margin: auto;
margin-top: 13.5px;
-moz-border-radius: 20px; /* Per navegadors motors gecko arrodonim... */
}
Alguna idea de cómo sacar el absolute para que quede centrado, o de cómo puedo centrarlo teniendo el absolute?:S