Foros del Web » Creando para Internet » CSS »

urge, fondo q no se centra

Estas en el tema de urge, fondo q no se centra en el foro de CSS en Foros del Web. Buenas, estoy luchando con una web, que ya tengo bastante adelantada, pero me encuentro que el fondo y el div contenedor se alinean hacia arriba, ...
  #1 (permalink)  
Antiguo 14/04/2010, 15:59
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
urge, fondo q no se centra

Buenas, estoy luchando con una web, que ya tengo bastante adelantada, pero me encuentro que el fondo y el div contenedor se alinean hacia arriba, y no tendría q ser así.
Donde la he colgado de prueba es: www.lunaticaproducciones.com/home.html.

Mando el css donde tengo este problema.


body {
background:url(../imagenes/fondo3.jpg) no-repeat center;
position:static;
}

Por favor, ayuda
muchas gracias
  #2 (permalink)  
Antiguo 14/04/2010, 18:36
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: urge, fondo q no se centra

Quieres que el fondo este centrado horizontal y vertiacalmente?
html, body{height:100%;}
el fondo se centraria pero vamos no encaja...
no entiendo bien
  #3 (permalink)  
Antiguo 15/04/2010, 03:26
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

Hola Alex, gracias por contestar

Tengo un fondo bastante grande, para q se vea en cualquier pantalla sin recortes. Pero resulta, si te has metido en la web lo ves, q se me come mucho trozo de arriba, me lo sube junto con el div contenedor hacia arriba, el recuadro blanco tendría q quedar en medio.

A ver si entre todos lo soluciono, merci
  #4 (permalink)  
Antiguo 15/04/2010, 03:36
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Probaste dandole un margin-top?
  #5 (permalink)  
Antiguo 15/04/2010, 03:41
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

pero si le doy margin top no se me irá arriba? yo lo quiero centrado...
  #6 (permalink)  
Antiguo 15/04/2010, 04:10
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Si le das margin-top, lo que hace es crear un margen arriba, es decir, bajartelo hacia abajo.

Pruebalo y cuentame

Ah, por cierto, el margin top no se le des al fondo, si no a lo que quieres que baje, en este caso el cuadrado del contenido.
  #7 (permalink)  
Antiguo 15/04/2010, 04:22
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

Hola Flow, el cuadrado del contenido está dentro del fondo, osea q se lo tendré q dar al fondo y al div contenido. Ahora lo pruebo
  #8 (permalink)  
Antiguo 15/04/2010, 04:28
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

Hago en el fondo el margin top y me queda como yo quería, pero ahora quiero alinear el div, pero no me hace caso, baja con el fondo, ufff

body {

background:url(../imagenes/fondo3.jpg) no-repeat center;
margin-top:200px;
position:static;
}

div#contenedor {
width:620px;
height:495px;
margin:18px auto 0 auto;

}


AYUDAAAAAA
  #9 (permalink)  
Antiguo 15/04/2010, 04:32
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Jajajajaja.

Si te soy sincero mucho no te puedo ayudar, porque yo tengo los mismos o más problemas que tu.

Pero dame media hora, que voy a salir a tomar una cervecita, y en cuanto vuelva al curro, intento echarte una mano.

Si no, esta tarde (que habra mas gente conectada) seguro que te lo resuelven sin problemas.


Hasta ahora!


Por cierto, en lo que esperas la media hora, echate un vistazo a esto:

http://www.araudi.net/migracion/migracion_sin_dolor.html#comportamiento

Alomejor lo resuelves!
  #10 (permalink)  
Antiguo 15/04/2010, 05:01
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Que es lo que quieres hacer exactamente con el div? Alinearlo donde?

Miraste esa pagina y no lo conseguiste?
  #11 (permalink)  
Antiguo 15/04/2010, 05:10
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

sí, miré la página y es interesante, pero no lo he conseguido. Si miras el enlace a mi página, el fondo es todo, con caja blanca incluida. Yo quiero q además de bajar el fondo, el div contenedor ( menú, textos...) tb me baje con él. Ahora con el margin top he conseguido lo q quería en el fondo, pero el div no hay manera.

UFF no se si me explico
  #12 (permalink)  
Antiguo 15/04/2010, 05:14
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Si mal no te entiendo me estas diciendo que la caja blanca va en la misma imagen que el fondo?

Pues, lo más sencillo sería que lo separases.

Eso, o das top-margin a todos los divs que contengan menu texto etc.. O haces uno general que engloble todos los divs de menu texto etc.. y pruebas a bajarlo.

Necestaría ver como es la web exactamente y como van quedando los cambios que realizas para saber que es lo que hay q hacer, ya que yo saco las cosas probando...

No soy ningun experto, de hecho, mi web la he echo con tablas, y ahora que me da problemas me temo que la tendré que hacer con divs :/


De todas maneras, si no lo conseguimos espera hasta la tarde que venga algun experto.
  #13 (permalink)  
Antiguo 15/04/2010, 05:29
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

la web la puedes ver en: www.lunaticaproducciones.com/home.html.

Y está el fondo por un lado y el div contenedor q contiene todos los divs por otro.
  #14 (permalink)  
Antiguo 15/04/2010, 05:32
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Ya se que la web esta ahí hombre jjaja pero si no la actualizas, no puedo ver los cambios! xD
  #15 (permalink)  
Antiguo 15/04/2010, 05:36
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

es q pesa mucho y lo hago por la noche diariamente cuando me voy a dormir jajaja.

Bueno, ahora la dejo actualizando y ya se cargará
  #16 (permalink)  
Antiguo 15/04/2010, 05:48
Avatar de Flow89  
Fecha de Ingreso: abril-2010
Ubicación: Valladolid
Mensajes: 346
Antigüedad: 7 años, 7 meses
Puntos: 1
Respuesta: urge, fondo q no se centra

Por eso te lo decia, pero no te desesperes, intenta intenta e intenta hasta que te salga.

Haz una copia de seguridad, y prueba todo lo que se te ocurra. xD

Normal que pese mucho, has echo la página con imagenes.. jaja
  #17 (permalink)  
Antiguo 15/04/2010, 09:17
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: urge, fondo q no se centra

Flow89
Cita:
Si le das margin-top, lo que hace es crear un margen arriba, es decir, bajartelo hacia abajo.
jeje me encanto...


aver picasona haz probado con?

body {
background:url(../imagenes/fondo3.jpg) no-repeat center top;
}

centrara horizontalmente pero vertical comenzara desde el top.... se entiende?

otra cosa... note lies... usa el fondo y el recuadro con redondeado aparte.... vale?... mas facil y no te complicas
  #18 (permalink)  
Antiguo 15/04/2010, 13:16
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: urge, fondo q no se centra

Hola Alex, sí he probado lo q me dices, pero me da demasiado margen arriba, si lo de margin top ya me iba bien, el problema era q el div no me baja para abajo, vamos, como si no lo pudiese controlar:

CSS

div#contenedor {
width:620px;
height:495px;
margin:18px auto 0 auto;

}

Etiquetas: fondo
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 21:26.