Foros del Web » Creando para Internet » CSS »

wrapper centrado con fondo a pantalla completa

Estas en el tema de wrapper centrado con fondo a pantalla completa en el foro de CSS en Foros del Web. Estimados, tenía este sitio desarrollado http://www.marisadipalma.com.ar pero luego quise hacer que el fondo quede fijo al 100% de la pantalla y entonces perdí el centrado ...
  #1 (permalink)  
Antiguo 30/01/2012, 10:52
Avatar de chacabuco  
Fecha de Ingreso: octubre-2010
Ubicación: Buenso Aires
Mensajes: 85
Antigüedad: 14 años, 1 mes
Puntos: 0
wrapper centrado con fondo a pantalla completa

Estimados, tenía este sitio desarrollado
http://www.marisadipalma.com.ar
pero luego quise hacer que el fondo quede fijo al 100% de la pantalla y entonces perdí el centrado del div wrapper
acá se puede ver
http://www.marisadipalma.com.ar/background/
Agradeceré si alguien se da cuenta como solucionarlo.....
  #2 (permalink)  
Antiguo 30/01/2012, 12:24
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: wrapper centrado con fondo a pantalla completa

Pero el fondo ya está fijo.
Disculpa pero no entendí que pretendes lograr.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 30/01/2012, 12:44
Avatar de chacabuco  
Fecha de Ingreso: octubre-2010
Ubicación: Buenso Aires
Mensajes: 85
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: wrapper centrado con fondo a pantalla completa

Gracias por tu respuesta.
Si, es verdad, el fondo ya está fijo, pero el contenido me quedó a la izquierda y quiero que quede centrado.
En el sitio original, tambien estaba fijo el fondo, pero en pantallas de mayor resolución se repite mientras que ahora aparece fijo al 100% en cualquier ancho.
Me expliqué bien ahora? espero que si.... sino decime.
Mil gracias!
  #4 (permalink)  
Antiguo 30/01/2012, 12:53
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: wrapper centrado con fondo a pantalla completa

Al original con ponerle no-repeat al fondo estaba listo:
Código CSS:
Ver original
  1. background-repeat: no-repeat;

Con respecto a la nueva solución, yo te diría que vuelvas a la original.
¿Por qué? Porque es más fácil y más correcto poner esa imagen de fondo como fondo y no mediante la etiqueta de imagen, ya que no es parte del contenido sino de la decoración.

Pero si aún así quieres seguir con la modificación dame unos minutos para ver que se puede hacer.

Edito: Perdón, me olvide de la parte 100% de la pantalla. Con lo cual tu solución es una de las soluciones posible (la única que conozco a decir verdad).


Primero elimina ese div fixed que tiene posicionado en forma absoluta
Luego tienes un error muy tonto, perdón, en el css de
wrapped
Código CSS:
Ver original
  1. #wrapper {
  2. height: auto;
  3. margin: auto 0;  EL PRIMER VALOR CORRESPONDE A TOP-BOTTOM Y EL SEGUNDO A LEFT-RIGHT, Están al revés.
  4. width: 880px;
  5. }
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 30/01/2012 a las 13:05
  #5 (permalink)  
Antiguo 30/01/2012, 13:38
Avatar de chacabuco  
Fecha de Ingreso: octubre-2010
Ubicación: Buenso Aires
Mensajes: 85
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: wrapper centrado con fondo a pantalla completa

Listo, ya lo solucioné.
Acá está para que lo puedas ver: http://www.marisadipalma.com.ar/background/
Como siempre MUY AGRADECIDA con la ayuda que me dan en este foro!!!
GRACIAS C2am!

Etiquetas: completa, pantalla, wrapper, centrar
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 10:05.