urge, fondo q no se centra

picasona · #1 (**permalink**) 14/04/2010, 14:59

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

alexk · #2 (**permalink**) 14/04/2010, 17:36

Quieres que el fondo este centrado horizontal y vertiacalmente?
html, body{height:100%;}
el fondo se centraria pero vamos no encaja...
no entiendo bien

picasona · #3 (**permalink**) 15/04/2010, 02:26

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

Flow89 · #4 (**permalink**) 15/04/2010, 02:36

Probaste dandole un margin-top?

picasona · #5 (**permalink**) 15/04/2010, 02:41

pero si le doy margin top no se me irá arriba? yo lo quiero centrado...

Flow89 · #6 (**permalink**) 15/04/2010, 03:10

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.

picasona · #7 (**permalink**) 15/04/2010, 03:22

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

picasona · #8 (**permalink**) 15/04/2010, 03:28

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

Flow89 · #9 (**permalink**) 15/04/2010, 03:32

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!

Flow89 · #10 (**permalink**) 15/04/2010, 04:01

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

Miraste esa pagina y no lo conseguiste?

picasona · #11 (**permalink**) 15/04/2010, 04:10

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

Flow89 · #12 (**permalink**) 15/04/2010, 04:14

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.

picasona · #13 (**permalink**) 15/04/2010, 04:29

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.

Flow89 · #14 (**permalink**) 15/04/2010, 04:32

Ya se que la web esta ahí hombre jjaja pero si no la actualizas, no puedo ver los cambios! xD

picasona · #15 (**permalink**) 15/04/2010, 04:36

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á

Flow89 · #16 (**permalink**) 15/04/2010, 04:48

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

alexk · #17 (**permalink**) 15/04/2010, 08:17

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

picasona · #18 (**permalink**) 15/04/2010, 12:16

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;

}