Imagen background pantalla completa ( no me sale !!! )

Lazard · #1 (**permalink**) 18/04/2011, 15:14

Pongo el codigo :

<body <?php body_class() ?> id="cabecera" >

y en el css tengo esto

body
{
background-color: #FFFFFF;
}
#cabecera
{
width:100%;
height: 100%;
background-image: url(IMAGEN);
position:absolute;
left:0px;
top:0px;
background-repeat: repeat;

}

Ya no se que hacer, lo he intentado todo y no veo que el background del body este ocupando toda la pantalla con el position absolute

Any idea, lo he probado todo !

Gracias

IsaBelM · #2 (**permalink**) 18/04/2011, 16:54

intetalo así

Cita:

<body >

* {
margin: 0;
padding: 0;
border: none;
position: relative;
}

html, body {
width: 100%;
height: 100%;
background: #fff url("IMAGEN");
}

Lazard · #3 (**permalink**) 18/04/2011, 17:05

Cita:

Iniciado por IsaBelM

intetalo así

Lo he puesto en el ccs , pero nada sigue igual. Acaso lo tenia que poner en el body o algo? o lo he echo bien... de ser asi alguna idea ?

para que veas como queda la web es : http://reunidosporelmetal.com/

La imagen tiene que ocupar el 100% de la web

IsaBelM · #4 (**permalink**) 18/04/2011, 18:06

el problema está en el selector body que lo usas en 5 archivos. aparte de que también usas estos otros selectores "cabecera" y "home-page"

Lazard · #5 (**permalink**) 18/04/2011, 18:34

Cita:

Iniciado por IsaBelM

el problema está en el selector body que lo usas en 5 archivos. aparte de que también usas estos otros selectores "cabecera" y "home-page"

Lo de la cabecera lo he quitado, pero no entiendo a que te refieres con el home_page y "el problema está en el selector body que lo usas en 5 archivos"
No domino mucho el ccs :S

kseso? · #6 (**permalink**) 19/04/2011, 06:48

Si lo quiere lograr como imagen de fondo vía css tendría que investigar las nuevas propiedades css3 para background-xxx
Pero en este caso no le recomendaría esa vía.

Si busca un poco en este mismo foro (en internet ya no le digo) encontrará que se ha respondido muchas veces a consultas por el estilo, ejemplos y enlaces a ejemplos incluidos.

Entre otros muchos sitios aquí tiene un par de ellos.

IsaBelM · #7 (**permalink**) 19/04/2011, 07:53

Cita:

Iniciado por Lazard

Lo de la cabecera lo he quitado, pero no entiendo a que te refieres con el home_page y "el problema está en el selector body que lo usas en 5 archivos"
No domino mucho el ccs :S

GatoGordo · #8 (**permalink**) 19/04/2011, 09:05

ya, cambias el background de la etiqueta <body> en cada una de esas clases. Aunque seguramente te debería agarrar el último pero si es algo que se debe corregir ya que es ambigüo.

Saludos!

Lazard · #9 (**permalink**) 19/04/2011, 16:17

Cita:

Iniciado por GatoGordo

ya, cambias el background de la etiqueta <body> en cada una de esas clases. Aunque seguramente te debería agarrar el último pero si es algo que se debe corregir ya que es ambigüo.

Saludos!

Hoy un colega me ha echado una mano y ya lo he solucionado o eso creo ^^

en el <body> hemos puesto esto:

<body class="home-page logged-in" id="bp-default" style=" background: url( http://reunidosporelmetal.com/fondo4.jpg ); -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center; background-repeat:repeat-y;color: #000000; "
>

Mirad que wapo queda ^^

http://reunidosporelmetal.com/

Tedel · #10 (**permalink**) 20/04/2011, 08:51

Tal vez, pero esa forma es muy complicada. Más fácil es:

en el body:

<img id="fondo" src="pics/couple.jpg" alt="background image" />

y en el CSS:

#fondo
{position: absolute; top: 0; left: 0; width: 100%; z-index: -1}

Visita parejamillonaria.com y agranda y achica la pantalla de tu navegador para que veas la diferencia.