No funciona background-repeat.

Eso es, no se que pasa que no se me repite el fondo, es raro por que el código lo copié de otra pagina que si me funciona bien, lo que ha cambiado es la imagen de fondo, que no es plana, sino que tiene diseños, será que es por eso? Qué solución me recomiendan?

bueno, no es culpa de la imagen, ya la cambié y sigue sin funcionar, será que las nuevas versiones de firefox tienen algun problema con esta propiedad?

Si pones los códigos, tal ves podríamos ayudarte.





.

Hola, sería bueno que pusieras tu código CSS para poder darte una respuesta mas acertada.
Lo primero que se me ocurre "a ciegas" (porque no he visto tu código) es que si estas usando la imagen como fondo de un div, las dimensiones de ese div sean las mismas que las de la imagen (de esa forma no verás si se repite o no) o si le das una posición a la imagen (bottom / top lo que sea)...
De todas formas sería mejor que publicaras tu código para así poder ayudarte.
Saludos,
AZW

Sí, deberias poner tu codigo para poder ayudarte, pero si tuviera que adivinar podria ser que estes repitiendo la propiedad background en la misma regla css (claro no intencionalmente) fijate que si estas usando el shortcut de background todos los datos esten dentro del shortcut, si usas las propiedades individuales de background (como por ej. background-image) que no este por ahi en la misma regla el background shortcut, espero que me hayas entendido, de todas formas postea tu codigo, es lo mejor

@drarock la verdad no te entendi bien, ten en cuenta que soy re newbie en esto, el código lo pongo muy pronto, quiero probar algo antes, gracias por contestar!!

ya hice la prueba y nada, aqui esta el codigo, debe haber algun error, puse el height porque si no lo pongo no me sale la imagen, ya probé quitandolo, y sigue sin funcionar

Código :

/* CSS Document */
*
   {
      margin: 0;
      padding: 0;/* para Firefox */
   }
body{
background-image:url(../images/fondoimg.png);
background-repeat:no-repeat;
background-position:bottom;
background-position:right;
background-attachment:fixed;
}
div#menulat{
        margin: 0 auto 0 auto;
        width:161px;
        height:428px;
        background-image:url(../images/menu.png);
        background-repeat:repeat-y;
        left:250px;
}
#menulat h3{
font-family:"Agency FB",verdana, arial, sans-serif;
font-size:36px;
color:#630000;
font-weight:lighter;
margin:100px 0 0 10px;
}
#menulat h4{
   font-family:arial, verdana, san-serif;
   font-size:18px;
   margin:10px 0 0 10px;
  }
#menulat ul{
   list-style-type: none;
   text-align:left;
padding:0;
}
#menulat ul li a{
color:#454646;
text-decoration:none;
}
#menulat ul li a:hover {
    background: #630000;
    border-left: 10px solid #333;
    color: #feb6ff;
}
div#encabezado{
      margin: 0 auto 0 auto; 
      width: 800px; 
      height:166px;
      background-image:url(../images/header.png); 
      background-repeat: no-repeat; 
      }
div#cuerpo{
          margin: 0 auto 0 auto;
          width: 800px;
          height:446px;
     background-image:url(../images/fondo.png); 
          background-repeat:repeat-y;
          left:250px;
              }
#contenido h2{
font-family:"Agency FB",verdana, arial, sans-serif;
font-size:45px;
font-weight:lighter;
margin:50px 0 0 150px;
color:#e5e5e5;
text-align:center;
}
#contenido h1{
font-family:"Agency FB",verdana, arial, sans-serif;
font-size:50px;
font-weight:lighter;
margin:50px 0 0 150px;
color:#feb6ff;
text-align:center;
}
#menu h2{
font-family:"Agency FB",verdana, arial, sans-serif;
font-size:34px;
font-weight:lighter;
margin:380px 0 0 160px;
}
#menu ul li{
display:inline;
padding:0 0 0 20px;
}
#menu ul li a {
color:#feb6ff;
text-decoration:none;
}
#menu ul li a:hover, #cuerpo ul li a:active{
background-image:url(../images/boton.png);
color:#630000;
}
#contenido h5{
padding:0 0 0 150px;
}
div#pie{
      margin: 0 auto 0 auto;
      }

hagan como si entraran a mi casa: no miren el reguero

Supongo que el fondo que te esta dando problemas es el del body?? me lo podrias confirmar cual es? lo que si te diria que hagas una correccion en el body, hay dos background-position, solo deja uno, asi:

Código :

background-position:bottom right;

Porque background-position acepta dos valores (eje x y eje y)

no, es el de menulat y el de cuerpo

mm bueno aparentemente esta bien, es decir, no veo error en la sintaxis, div#menualt se repite en el eje y verticalmente, igual el de div#cuerpo, quizas el problema sea el html, podrias pegarlo tambien, o si la tienes alojada esta pagina, tambien podrias mandar el link. Tambien podria ser un problema de especificidad, pero eso se ve mejor en conjunto el css y el html.

Te recomiendo que lo chekees con el FireBug

esta es el html ahora voy a depurarlo a ver que

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>portafolio oxana cerra</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591">
<link rel="stylesheet" type="text/css" href="css/estilo.css" media="screen" />
<style type="text/css">
#menulat{ position:absolute; z-index:1; }
#menu{position:absolute; z-index:1;}
#cuerpo{ position:absolute; z-index:0; }
</style>
</head>

<body>
   <div id="encabezado"></div>
   <div id="fondo"></div>
   <div id="menulat">
<ul>
<h3>enlaces</h3>
<h4>
       <li><a href="http://oxigeno.deviantart.com/">Mi deviantart</a></li>
       <li><a href="http://www.cristalab.com/">Cristalab</a></li>
       <li><a href="http://www.fento.com.mx/Blog/">Sopórtalo</a></li>
</h4>
</ul>
      </div>
</div>
   <div id="cuerpo">
<div id="menu">
<ul>
<h2>
<li><a href="sobremi.html">sobre mi</a></li>
<li><a href="logotipo.html">logotipo</a></li>
<li><a href="impresos.html">impresos</a></li>
<li><a href="ilustracion.html">ilustración</a></li>
<li><a href="mailto:[email protected]">contacto</a></li>
</h2>
</ul>
</div>
<div id="contenido"><h1>Bienvenido</h1>
<h2>Este es el portafolio de trabajos<br/> de Oxana Cerra</h2></div>
   <div id="pie"></div>
</body>
</html>

ya lo revise con firebug y no me sale nada mal.....que hagooooo???? T T

este es el diseño, lo que esta marcado con x es lo que deberia repetirse y no lo hace
diseño

Bueno por lo que entiendo todo el problema es en div#cuerpo y que fondo.png no se esta repitiendo en el eje Y, porque eso es lo que dice tu estilo, de repente es la ruta? la carpeta images, en tu hoja de estilos la llamas como si estuviera un nivel mas arriba, verifica las rutas, porque aparentemente la regla esta bien, diciendo que el fondo se debe repetir verticalmente y asumiendo que eso es lo que deseas, por lo que veo en la imagen asi es. Podria ser las rutas.

He probado tu codigo poniendo imagenes, y si salen los fondos asi que otra cosa que debes tomar, es que la imagen de fondo de div#cuerpo debe ser de 800px de ancho, porque eso es todo lo que ocupa, de repente tu estas poniendole solo un tamaño restandole lo que ocupa el menu izquierdo, es decir 639px, y segun tu codigo el ancho del fondo para div#cuerpo debe ser 800px

Espero que eso ayude, porque ya no se que mas pueda ser si aun tienes problemas mejor cuelgala y mandas el link para revisarla mas detenidamente.

nono, si fuera un problema de la ruta la imagen no se vería y si se ve, de hecho el rectangulo gris de la izquierda tambien tiene este problema y la imagen fondo.png tiene 800 px porque la del menu izquierdo esta superpuesta (overlapping). asi que tampoco es eso XS

Hola Oxigeno, ¿podrías subir todo a algún host y pasarnos el link para poder revisarlo detenidamente como ya te han dicho anteriormente?

Saludos

Como dice Distriker, oxígeno.
Si subes los archivos sería más fácil de analizar que pasa.
Por cierto, creo que hay errores en el HTML (una etiqueta para cerrar un DIV sobra y parece que un DIV queda abierto)

[Ray] escribió:

gracias por hacer que me de cuenta, entre tanto reguero no me he dado cuenta, voy a subirlo y luego pongo la url
saludos!

aqui esta

segun se esa parte del codigo de la imagen deberia ir asi:

Código :

     background-image:url(../images/fondo.png) repeat-y; 

otra cosa que podria ser es que como no hay mas texto ni nada hacia abajo por eso no se repite


Disculpen si estoy mal sobre esto pues no tengo ningun estudio de html ni css, solo se lo que investigo en San Google


Saludos

rayos soy nuevo aki y no se como editar mi mensaje ...

bueno no se si la parte de tu codigo que cite es la de la imagen que quieres que se repita pero la idea es esa de poner lo de "repeat-y" en la misma linea asi.

voy a hacer la prueba, pero no es por falta de texto mas largo, ya hice esa prueba

oxigeno escribió:

ok, pero mira yo siempre e puesto asi y nunca e tenido problemas con eso, y mira de hecho en mi anterior mensaje me falto borrar algo

asi es como iria en realidad

Código :

     background: url(../images/fondo.png) repeat-y; 

no se que tanta diferencia exista respecto a lo que escribias tu pero no esta de mas checar con otras cosas o menos

nada, igual, acabo de decidir que lo voy a mantener con textos cortos, seccionando la información, espero que sea mas "navegable" así, gracias a todos anyway.

De nada, aunque yo soy tu y sigo buscando una solución para un futuro caso .

Saludos