Foros del Web » Diseño web » CSS »

[SOLUCIONADO] Ajustar fondo del body

Estas en el tema de Ajustar fondo del body en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/03/2013, 13:39
 
Fecha de Ingreso: marzo-2013
Mensajes: 51
Antigüedad: 1 año, 7 meses
Puntos: 0
Ajustar fondo del body

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>
  #2 (permalink)  
Antiguo 15/03/2013, 15:34
 
Fecha de Ingreso: febrero-2013
Ubicación: Bogota
Mensajes: 7
Antigüedad: 1 año, 7 meses
Puntos: 0
Respuesta: Ajustar fondo del body

Simplemente en la etiqueta de estilo del body le pones

background-repeat: repeat
  #3 (permalink)  
Antiguo 16/03/2013, 03:31
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.051
Antigüedad: 11 años, 1 mes
Puntos: 40
Respuesta: Ajustar fondo del body

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.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 16/03/2013, 04:28
Avatar de pzin
Moderatoren
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 9.373
Antigüedad: 12 años, 2 meses
Puntos: 1698
Respuesta: Ajustar fondo del body

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).
  #5 (permalink)  
Antiguo 17/03/2013, 00:07
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.051
Antigüedad: 11 años, 1 mes
Puntos: 40
Respuesta: Ajustar fondo del body

Cita:
Iniciado por Bonez Ver Mensaje
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.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Etiquetas: body, html, imagenes
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 11:27.
SEO by vBSEO 3.3.2