[SOLUCIONADO] Ajustar fondo del body

Eifos · #1 (**permalink**) 15/03/2013, 13:39

El problema es el siguiente, por medio de css yo establesco un body background, pero al visualizarlo, falta espacio y se alcanza a ver el color del body .

Por favor, necesito saber como hago para que no se alcanze a ver el color de fondo y solo me aparezca el body

#body{
background-repeat: no-repeat;
background-attachment: scroll;
width:1260;
height: 892;
min-width:900px;
background-color: #C8FE2E;
background-image: url(../Imagenes/Fondos/Fondo_1.jpg);
background-position:center;

}

#principal{
width: 900px;
height: 892px;
background-color: #F8FBEF;
margin-left:auto;
margin-right:auto;

}
#banner{
background-color: #088A08;
height: 40px;

}

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="Redzilla web design">
<meta name="description" content="Todo en zapatos de alta calidad, importados desde brasil">
<meta name="keywords" content="estylosa,malu,vizzano,bibi,beira rio,moleca,molekinha,calzado ezzio,colombia,brazil">
<link rel="stylesheet" type="text/css" href="../Estilos/estilo.css" media= "screen">
<link rel="shortcut icon " href="" >
<title>Calzado Ezzio</title>

</head>

<body id= "body" >
<div id= "principal">

<header></header>

<div id= "cotenedor">
<nav>
</nav>

<div id= "banner">
</div>

<section>
</section>

<section>
</section>

</div>

<footer>

</footer>

</div>
</body>
</html>

jecofa · #2 (**permalink**) 15/03/2013, 15:34

Simplemente en la etiqueta de estilo del body le pones

background-repeat: repeat

seoista · #3 (**permalink**) 16/03/2013, 03:31

Código:

#body{
background-repeat: no-repeat;
background-attachment: scroll;
width:1260;
height: 892;
min-width:900px;
background-color: #C8FE2E;
background-image: url(../Imagenes/Fondos/Fondo_1.jpg);
background-position:center;

Para que ocupe toda la pantalla, añádele a continuación, esto:

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

¡Espero no haberme equivocado y que sea esto lo que quieres!.

Saludos.

pzin · #4 (**permalink**) 16/03/2013, 04:28

Con background-size es más que suficiente. Está soportado desde hace algún tiempo sin prefijos propietarios en Firefox (4), Safari (5), Chrome (4 o antes) y Opera (10.5).

seoista · #5 (**permalink**) 17/03/2013, 00:07

Cita:

Iniciado por Bonez

Con background-size es más que suficiente.

Gracias @Bonez, no lo sabía.

Creia que había que poner los 4 códigos.
Probado y OK.

Saludos.