FF no repite background-image, IE sí...

Lorelopez · #1 (**permalink**) 28/09/2009, 12:45

Pues eso Alexk, que FF no me repite el fondo e IE sí, me lo cubre hasta que el contenido es más extenso que la imagen, entonces el fondo se queda en blanco.

body {
background-image:url(../images/1.jpg);
font-family: Georgia, "Times New Roman", sans-serif;
color: black;
font-weight: normal;
font-style: normal;
font-size: 16px;
}

Gracias!

visitante28 · #2 (**permalink**) 28/09/2009, 13:05

hola

agregale esto a tu estilo

background-repeat:repeat-y;

Saludos

jomaruro · #3 (**permalink**) 28/09/2009, 13:28

Hola:

Cita:

Iniciado por Lorelopez

body {
background-image:url(../images/1.jpg);
font-family: Georgia, "Times New Roman", sans-serif;
color: black;
font-weight: normal;
font-style: normal;
font-size: 16px;
}

Lo que te dice visitante28 lo puedes, también, añadir así:

Código:

body {
background-image:url(../images/1.jpg) repeat-y;
font-family: Georgia, "Times New Roman", sans-serif;
color: black;
font-weight: normal;
font-style: normal;
font-size: 16px;
}

alexk · #4 (**permalink**) 28/09/2009, 14:28

no tiene sentido...
ya que por default el background se repite (mosaico) ahora cuando especificamos que se repita en posición X o Y... solo tendrá ese patron de repetición...
pero sin el debe repetirse como dije antes.

Código css:

Ver originalbackground-image:url(../images/1.jpg) repeat-y;

pss si a estamos acortando...

Código css:

Ver originalbackground:url(../images/1.jpg) repeat-y;

si pudieras colgar mas CSS o HTML... para ver que pasa... talvez un ";" de mas o un "}" faltante por alli... que hace que se corte... seria mucho mejor si cuelgas una URL del problema chao y suerte!...

Lorelopez · #5 (**permalink**) 28/09/2009, 16:20

Mañana cuelgo y voy mirando eso a ver si remedia algo, gracias!!!!

Lorelopez · #6 (**permalink**) 29/09/2009, 05:40

Nada, ni

background-image:url(../images/1.jpg) repeat-y;

ni tampoco

background:url(../images/1.jpg) repeat-y;

Pero es curioso lo que me pasa:

Cuando pongo:

body {
background-image:url(../images/1.jpg);
background-repeat: repeat-y;
}

IE me lee el fondo a la perfección, es decir, se repite cuando el contenido del container es más extenso que la imagen.
Pero FF no lo repite, sino que lo vuelca en sólo una ocasión y después me deja el background de la parte inferior desnudo.

Pero si pongo:

body {
background-image:url(../images/1.jpg)repeat-y;
}

No me lo lee ni IE ni FF.

Y por último con

body {
background:url(../images/1.jpg)repeat-y;
}

IE me lo deja en blanco y en FF me pasa como en el primer caso, es decir, que aparece el fondo una sola vez.

No sé qué más código podría colgar...

Al body le he asignado además las propiedades del primer post, luego lo siguiente (a grandes rasgos):

#container {
width:800px;
margin:2em auto;
text-align:left;
border:0;
padding-bottom:20px;
}

#container #header {
height:170px;
width:800px;
margin:10px auto;
}

#container #cuerpo {
position:relative;
width: 780px;
border:none;
margin:2px 10px;
border-spacing:0px;
overflow:hidden;
clear:both;
}

#container #footer {
clear:both;
position:absolute;
width:800px;
height:40px;
line-height:30px;
}

Y vaya en el html poca cosa podría decir:

<body>
<div id="container">
<div id="header"></div>
<div id="cuerpo"> </div>
<div id="footer"></div>
</div>
</body>

No sé, ¿no suele dar problemas el FF con el background? es que estoy super despistada y no sé cómo atajar esto...

Gracias!!

kseso? · #7 (**permalink**) 29/09/2009, 05:58

Hola Lorelopez
Si utilizas la forma desglosada para declarar el background no puedes mezclar propiedades:

Cita:

background-image: url(ruta);
background-repeat: ....;
background-position: ...;

etc.
No puedes hacer:

Cita:

background-image: url(ruta)~~repeat-y~~

Y si utilizas la forma "concentrada" he observado que si no hay espacio en blanco entreun valor y el siguiente puede haber problemas:

Cita:

background: #color url(ruta) repeat-y 75px;
background: #color url(ruta) no-repeat 50% 20em fixed;

Prueba a declarar de la forma "concentrada", colocando los valores en su orden y con un espacio entre ellos:

Cita:

.caja {background: #color url(ruta) repeat-y posición;}

Lo escrito en gris deberás cambiarlo por el valor correcto.

Un salduo

Mikmoro · #8 (**permalink**) 29/09/2009, 06:02

De entre todas, la única que no he visto (igual se me ha colado), es la forma correcta:

body {
background: url(../images/1.jpg) repeat-y;
}

Si eso no va bien, vas a tener que revisar otras partes del código, porque si estás segura de que la ruta a la imagen es correcta, eso debe funcionar sin problema. Prueba este ejemplo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
</head>
<style>
body {
background: url(img/1.jpg) repeat-y;
}
#container {
width:800px;
margin:2em auto;
text-align:left;
border:0;
padding-bottom:20px;
}
#container #header {
height:170px;
width:800px;
margin:10px auto;
}
#container #cuerpo {
position:relative;
width: 780px;
border:none;
margin:2px 10px;
border-spacing:0px;
overflow:hidden;
clear:both;
}
#container #footer {
clear:both;
position:absolute;
width:800px;
height:40px;
line-height:30px;
}
</style>
<body>
<div id="container">
<div id="header"></div>
<div id="cuerpo"> </div>
<div id="footer"></div>
</div>
</body>
</html>

Sólo cambia la imagen del body y asegúrate de que la ruta sea hasta ella correcta.

EDITO: "Ay, qué daño

". Por una vez te has adelantado, gañán

.

Lorelopez · #9 (**permalink**) 29/09/2009, 06:14

Kseso?, lo de los espacios se me coló, pero si que los tenía puestos, y con
body {
background: url(../images/1.jpg) repeat-y;
} mikmoro, también he probado, así que voy a darle vueltas después de comer a ver qué pasa, porque me da que esto viene de otro lado.

Gracias!!

kseso? · #10 (**permalink**) 29/09/2009, 06:23

Cita:

Iniciado por Mikmoro

EDITO: "Ay, qué daño

". Por una vez te has adelantado, gañán

.

Maese, los años no nos perdonan

No es cuestión de rapidez, pardiez, sino de comenzar antes.

Sugerencia, Lore, sube la página a tu servidor y pon un enlace.

Un saludo

Lorelopez · #11 (**permalink**) 29/09/2009, 07:48

Nada Mikmoro, eso mismito, poniéndole un montón de contenido de prueba en el cuerpo para que se me extienda, me deja un fondo perfectíiiiiisimo en IE y "medio fondo" en FF, y la ruta a la imagen va bien, porque de echo la lee en IE y en una ocasion en FF, el problema es que no la repite!

¿No me digas que a ti con ese código sí te la repite?

Mikmoro · #12 (**permalink**) 29/09/2009, 08:41

Nada mejor que que lo veas por ti misma:
http://www.araudi.net/forosdelweb/Lorelopez.html

El código es exactamente el que he puesto, vamos, que lo puedes comprobar.

Lorelopez · #13 (**permalink**) 29/09/2009, 08:44

Pues va a ser mi browser entonces porque veo el mismo problema. Lo chequearé desde el portátil en casa pero ¿podría tener esto algo que ver con que IE quiere hacerse con el control de mi pc? ;)

Es que en la empresa no consigo establecer el FF como predeterminado, hago el log off e IE vuelve a tomar el mando, y tengo al departamento de soporte movilizado, jaja, no se, esto es el misterio de la Mona LIsa.

Thankx anyway!!

Mikmoro · #14 (**permalink**) 29/09/2009, 08:45

¿Tu firefox no será un portable de esos?

Lorelopez · #15 (**permalink**) 29/09/2009, 08:54

Nop, me temo, instalado a todo pulmón, la versión 3.5.3.

alexk · #16 (**permalink**) 29/09/2009, 08:57

aahhhhhh!!!.... es como algo paranormal... juguemos a

Código css:

Ver originalbody{display:none;}

talvez estas en una .css diferente tranki suele pasar...

Mikmoro · #17 (**permalink**) 29/09/2009, 09:08

Cita:

Iniciado por Lorelopez

Nop, me temo, instalado a todo pulmón, la versión 3.5.3.

Pues sí, es problema de tu sistema: Firefox 3.5.3, se ve perfectamente la repetición en vertical (eje Y).

Lorelopez · #18 (**permalink**) 29/09/2009, 09:10

Nada, con eso ALEXK y el códio de MIKMORO, en FF no me sale ná de ná, solo la pantalla en blanco, y en IE solo sale el background, el contenido lo obvia.

Como ya me voy a casita voy a ver si desde el laptop mejora algo pero vaya, que me tiene loca esto..

GRACIAS MAJETES!

alexk · #19 (**permalink**) 29/09/2009, 09:13

ohhh pues si el ejemplo de Mikmoro no te anda ya es cosa de tu ordena...

kseso? · #20 (**permalink**) 29/09/2009, 09:20

Cita:

Iniciado por Lorelopez

Nop, me temo, instalado a todo pulmón, la versión 3.5.3.

Descarta primero que no haya algún complemento que interfiera. Deshabilita todos y cada uno de los complementos que tengas instalados.
Y asegúrate que al habilitarlos (uno a uno) que cuentas con una versión compatible para la ver.3.5.

Y si tienes el web developer asegúrate que no tengas alguna opción marcada que te la esté jugando.

Meigas siempre ha habido, sólo es cuestión de tener la suerte de no encontrarlas.

Lorelopez · #21 (**permalink**) 29/09/2009, 10:38

Jajaja, ok Kseso, a mi es que las meigas se me pegan como a los tontos la suerte.
En casa misma versión, mismo código, mismo css, todo va como la seda!!
Eso del web developer suena a que va a tener la culpa... lo miraré mañana, peaso cracks!!

Que tengáis buena tarde!

Links · #22 (**permalink**) 29/09/2009, 14:32

casi todo lo q te dijieron sirve...sino anda con eso es tu ordenador

Lorelopez · #23 (**permalink**) 30/09/2009, 00:47

Tonta de mi! de repente he caido que en el trabajo no tengo web developer... así que ahora sí que no sé qué podría ser lo que me lo provoca. Bueno, a investigar!

Gracias