Foros del Web » Creando para Internet » CSS »

Problema con fondo + contenedor

Estas en el tema de Problema con fondo + contenedor en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/03/2009, 17:59
 
Fecha de Ingreso: febrero-2003
Mensajes: 70
Antigüedad: 14 años, 10 meses
Puntos: 0
Problema con fondo + contenedor

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

Última edición por Xray; 17/03/2009 a las 18:21
  #2 (permalink)  
Antiguo 17/03/2009, 18:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con fondo + contenedor

Prueba quitando esta línea del selector body y pónsela a #contenedor:
Cita:
background: url(../img/portada/fondo.jpg) no-repeat top center;
El asunto es que ese fondo no debe ser el background del body, sino el de la caja que tiene una anchura determinada y está centrada, en tu caso #contenedor.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 17/03/2009, 18:19
 
Fecha de Ingreso: febrero-2003
Mensajes: 70
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: Problema con fondo + contenedor

Muchas gracias!!! solucionado!!!! ahora tendre que partir el fondo en dos, uno para que se repita en el body el color rojo y otro la mega textura del contenedor :D.

Era logico pero las prisas es lo que tiene XD
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:35.