Imagen de fondo para Web

jochite · #1 (**permalink**) 20/09/2010, 09:53

Estoy intentando aplicar una imagen de fondo a la página web. Le he dado al div. container un 80% de ancho y quiero que los márgenes a izquierda y derecha ( 20% restante ) queden cubiertos por este background-image.

De momento le he aplicado al body estas propiedades pero la imagen se extiende a todo lo largo del div de contenido y el sidebar. ¿ Me podriais decir donde y que propiedades debo utilizar para este fin ?

background-image: url (img/Pagina-verde.jpg);
background-repeat: repeat!;

Os agradeceria la ayuda. Un Saludo

juan_14nob · #2 (**permalink**) 20/09/2010, 11:10

prueba con :

background-repeat: repeat-x;

jochite · #3 (**permalink**) 20/09/2010, 12:13

Concreto un poco mas los pasos.

En el body he insertado la imagen y he creado una clase para especificar las características en un fichero css. Con estas característica la imagen se situa encima del encabezado justo en el centro del mismo . Como esta imagen no es completa entiendo que me aconsejes introducir un repeat-x pero no me dá resultado. Tambien lo he intentado solucionar con un background-image: url (img/Pagina-verde.jpg) pero más de lo mismo. En fin, no se si estoy haciendo un mal planteamiento pero pensaba que la cosa seria más sencilla.

<body class="twoColLiqRtHdr">
<img src="img/Pagina-verde.jpg" class="img_bg" alt="Fondito" />
<div id="container">

.img_bg{
background-repeat: repeat-x;
widht:100%;
height:100%;
}

juan_14nob · #4 (**permalink**) 20/09/2010, 13:26

prueba con ese ejemplo que te pase y fijate si es mas o menos lo que pedis

Código HTML:

<html>
<head>
<style type="text/css">
body{
background-image:url('img/Imagenfondo.jpg');
background-repeat:repeat-x;

height:100%;
width:100%;
}

#container{
margin: 0 10% 0 10%;
width:80%;
background-color:red;
height:500px;
}

</style>
</head>

<body>

<div id="container">
Contenido.Contenido.Contenido.Contenido. 


</body>

</html>