Hola
Intentaré explicar mejor. Tengo un layout, formado por 3 imágenes (
top, body, footer), la imagen (
body) que será el cuerpo de la página, esta imagen es pequeña de unos 700x120 (
apróximadamente), entonces cada vez que quiero utilizar ese imágen hago lo siguiente:
<div class="cuerpo">Textoooo.... </div> Lo típico es que el texto sobrepase la imágen por lo que termino colocando la clases cuerpo repetidas veces, me queda algo así.
Código:
<div class="body">Textoooo....
<div class="body"></div> <!--(¿Porqué repito la clases aquí?, porqué necesito la imágen del cuerpo de la página para que termine de mostrase el texto anterior ya que sobrepasó la otra imágen)-->
</div>
Yo ya había probado con el atributo de repeat-y pero no me funcionaba, en el .css tenía esto en la clases del body.
Código:
.fbody /*726x121*/
{
width: 726px;
height: 121px;
margin:0;
float: center;
background-image: url('body.jpg');
background-repeat: repeat-y;
}
Probé pornerlo de esta forma
background: #000 url(body.jpg) repeat-y;
y la única forma que llegó a repetirse fue colocando esa línea en el...
Código:
#container
{
background-color: #fff;
color: #fff;
font-family: verdana;
font-size: 10px;
background: #000 url(body.jpg) repeat-y;
}
Así funciona. El problema es que ahora se repite una segunda columna (fuera del layout) que no sé como quitar.
Saludos, gracias. Mis disculpas si me enrede un poco al intentar explicar.