Background

xmarkx · #1 (**permalink**) 08/06/2009, 13:02

Como haceis para cuadrar el background?

Por ejemplo de unas lineas que en teoria salen de lo que es el div, y se ponen en el background del body?

Me cuesta que cuadren por los pixeles y eso...

kseso? · #2 (**permalink**) 08/06/2009, 13:23

Si hicieses un pequeño esfuerzo por explicarte mejor...

Ciertamente, no tengo ni idea de lo que estás hablando

xmarkx · #3 (**permalink**) 08/06/2009, 13:47

Lo siento. Es que no me se explicar hehe. Mira.

Tengo una web de 800 px de ancho. Y en el menu hay una linia horizontal que ocupa esos 800px, y me gustaria que si en alguna resolucion superior se viera centrada y con los laterales en blanco, la linia horizontal que hay en el menu siga por el fondo del body.

Eso lo consigo a partir de la regla CSS background-image. Mi problema es que no se como hacer para cuadrar la linia del fondo del body a lo que es el cuerpo de la web.

ArturoGallegos · #4 (**permalink**) 08/06/2009, 14:01

si pones un screenshot de como lo tienes y como se deberia ver quisas entendamos mejor

e igual link a tu sitio o codigo que estas usando para esa zona

kseso? · #5 (**permalink**) 08/06/2009, 14:03

A ver si esta estructura te sirve. #motivo sería el div que aloja la imagen que quieres que se repita a lo largo de toda la ventana, viéndose por los laterales de la página hasta los extremos de la ventana. Lógicamente, tendrás que modificar la altura del div que la contiene, que debe ser igual a la altura de la imagen del background.

Código css:

Ver original* {margin: 0; padding: 0; position: relative;}
#motivo {
background:transparent url(tu_imagen.jpg) repeat-x;
height:Xpx;/*lo que tenga tu imagen de altura*/
position:absolute;
width:100&#37;;/* el valor es cien por cien, pero el tag cambia el símbolo de porcentaje por su "html entity"*/
top: Xpx; /* los que necesites para que coincida la imagen*/
z-index:-1;
}
 
#contenedorgral {
background:transparent url(tu_imagen) repeat;
margin:0 auto;
width:800px;
}

En el html:

Código html:

Ver original<body>
<div id="motivo"></div>
<div id="contenedorgral">
<!-- aquí toda tu página -->
</div>
</body>

buzu · #6 (**permalink**) 08/06/2009, 16:36

Kseso?, no crees que sería mejor poner la imagen de fondo en el body y moverla con background-position? Así te evitas todo ese código que has escrito.

kseso? · #7 (**permalink**) 08/06/2009, 17:24

Posiblemente sí, pero si resultase que ese es un motivo ornamental sólo de la parte superior del la ventana y desease tener un patrón bajo ella (en la vertical) para rellenar el resto de la ventana no ocupada por la página, tendría que aumentar (y liar bastante más) el código para conseguirlo.

Resumiendo, que como no muestra el código que él utiliza, me evito penseques y creíques que seguro que serían erróneos.

buzu · #8 (**permalink**) 08/06/2009, 20:55

Si, probablemente tengas razón, pero esta parte del mensaje:

Cita:

me gustaria que si en alguna resolucion superior se viera centrada y con los laterales en blanco, la linia horizontal que hay en el menu siga por el fondo del body.

Me hace pensar que no tiene ningún fondo en el body. Y si así fuera, se puede establecer un fondo al HTML que sería el fondo de pantalla y luego al body se le asigna un fondo que sería la linea. Pero como bien dices, para poder realmente decir que es mejor necesitamos ver primero el código.

Saludos.

xmarkx · #9 (**permalink**) 09/06/2009, 02:19

Ya sta! Muchisimas gracias! Lo siento por no haberme explicado. Era lo que decia kseso?

Muchisimas gracias enserio!

kseso? · #10 (**permalink**) 09/06/2009, 04:13

Cita:

Iniciado por xmarkx

Ya sta! Muchisimas gracias! Lo siento por no haberme explicado.

No hay de qué, Xmarkx. Un placer haber acertado. Y nah, no te preocupes, lo que no queda claro sólo es cuestión de preguntar.

Un saludo

P.D.:Que sí, Buzu, que tienes razón.