Vereis me ha mandao maquetar un amigo un diseño que me ha pasado, y bueno fuera aparte de que el tio en cuestion esta empeñado en que los fondos sean enormes y todo pese un huevo, tengo un problema mas grave que todo eso, asi que no le presten importancia a las imagenes xD.
SOLUCIONADO
Esa es la web en cuestion, el problema esta que cuando el tamaño de la ventana es muy pequeño por ejemplo 640*480 el fondo se mueve y el contenido permanece fijo.
Para entenderlo los que tengan oportunidad que prueben ha hacer la ventana horizontalmente muy pequeña en iexplorer y despues probar ha hacerlo en firefox, el resultado es totalmente diferente y por mas que he tocado el codigo no consigo que firefox haga el efecto deseado.
Lo curioso es que abro el google chrome y aqui tb funciona bien asi que me parece que no es problema solo del explorer xD en fin...
SOLUCIONADO
Código:
* {
padding: 0; margin: 0;
}
body {
background: url(../img/portada/fondo.jpg) no-repeat top center;
background-color: #bd5d5e;
height: 100%;
font-family: "Times New Roman", Times, serif;
font-style: normal;
font-variant: normal;
}
img {
border-width: 0;
}
#contenedor {
position: relative;
width: 950px;
margin: 0 auto;
height: auto !important;
min-height: 1460px;
height: 1460px;
}
#top {
padding: 110px 0 0 150px;
}
#img1 {
padding: 20px 0 0 255px;
}
#img2 {
padding: 20px 0 0 150px;
}
#menu {
float: left;
width: 672px;
clear: both;
height: 241px;
padding: 30px auto 0 150px;
}
.seccion {
float: left;
margin: 0;
clear: both;
}
Quiero el mismo efecto que
www.3djuegos.com que al hacerlo mas pequeño horizontalmente justo cuando pilla el contenedor el fondo y el contenido esten a la par.
Un saludo