A ver, os comento mi problema, estoy haciendo una página en html y aunque al principio había usado frames para poner arriba del todo un título y después el resto de la página con otro color de fondo, por lo que he leído es mejor no usar frames, asi que me he decidido a usar divs.
He creado 2, uno llamado #cabecera, y otro #cuerpo y les he aplicado diferentes estilos a cada uno de ellos para conseguir visualmente lo mismo que tenía con los frames. El caso es que lo he conseguido, pero sólo lo veo bien con FF, con IE ocurre que el div #cabecera no llega a cubrir todo el ancho del navegador, se ve un trozo azul correspondiente al fondo que le he puesto al body, lo marco en la foto por si no me he explicado bien:
Pero ésto como ya he dicho no sucede en FF, donde no el blanco de fondo del div #cabecera llega a cubrir todo el ancho...
Os pongo los estilos empleados por si alguien me puede echar un cable:
Código:
Y aquí el HTML donde aplico los estilos:body{
background-color: #99CCFF; /*Color azul claro de fondo*/
margin: 0px 0px;
}
#cabecera{
margin: 0px 0px;
padding: 10px 0px;
background-color:white;
font-family: "CurlZ MT";
font-size: 40;
text-align: center;
font-weight: bold;
}
#cuerpo{
margin: 50px 15px;
padding: 0px 0px;
background-color: #99CCFF;
font-family: "Tahoma";
font-size: 16;
text-align: justify;
font-weight: bold;
color: black;
line-height: 140%;
}
/*A partir de aquí aplico estilos a otros elementos*/
p{
margin: 30px 0px;
background-color: yellow;
}
a{
color: blue;
text-decoration: none;
}
a:hover{
color:red;
text-decoration: underline;
}
Código:
He probado a poner un valor negativo para margin-right pero aunque lo soluciona con IE aparece la barra de desplazamiento horizontal en FF, con lo que suena a chapuza ^^ <div id="cabecera"> Descubre Atenas </div> <div id="cuerpo"> Texto de la página...etc etc <p align=center> ¡Disfruta de tu estancia en el sitio! </p> </div>
(perdón por mi ignorancia jeje)
