Mantener tamaño de la página en Chrome

MrWoly · #1 (**permalink**) 13/10/2010, 09:36

Hola a todos/as

tengo una página web y funciona bien en IE, y Firefox. Si aumento o disminuyo el tamaño de la ventana del navegador, se mantiene el tamaño y la posición de las imágenes de la página web. (Hasta ahí todo correcto).

El problema aparece al usar Chrome. Si disminuyo el tamño de la ventana, me duplica la imagen de fondo.

¿Alguna sugerencia para ello?

Por si mi explicación no quedó muy clara (lo cual es muy posible) aqui os pongo el link a la página.

www.kekellsa.com

Ya os digo el problema es solo con Chrome.

Si necesitais mas informacion me lo decís.

Gracias por todo

emprear · #2 (**permalink**) 13/10/2010, 10:28

MrWoly

Es porque usaste background="kekellsafrontpage.jpg", tenes qie definir la imagen de fondo con css

body {
background-image: url('kekellsafrontpage.jpg');
background-repeat: no-repeat:
background-position: left top;
}

el left top la ubicaria en las coordenadas 0,0, y el no-repeat, haría que no se repita. En tu caso se repite hacia abajo, porque el dieño que usaste es bastante extraño

 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 

todo eso te genera espacio hacia abajo y el background se repite.

Y tengo que señalarte que se repite en todos los navegadores, no solo en chrome

Saludos

MrWoly · #3 (**permalink**) 13/10/2010, 12:25

1.000.000 de gracias por la ayuda Emprear,

de todos modos, solo una pregunta referente a tu respuesta. ¿Como lo hago para definir la imagen de fondo con CSS?

¿Copio el texto este "background-image: url('kekellsafrontpage.jpg'); ..."
dentro de body (en cualquier lugar) y ya está? (o sea entre <body> y </body> sin importar la linea que sea)

¿Con esto ya estará resuelto?

Gracias de nuevo por la ayuda y por la rapidez en contestar.

emprear · #4 (**permalink**) 13/10/2010, 12:37

MrWoly:

El css lo podés definir a traves de un archivo de estilos externo o dentro del mismo html, te dejo la última alternativa que es la más práctica en tu caso, es el css que te pasé pero tenes que insertarlo dentro del <head> en un Bloque Style, como sigue

<style type="text/css">
body {
background-image: url('kekellsafrontpage.jpg');
background-repeat: no-repeat:
background-position: left top;
}
</style>
cualquier otro estilo debe de estar en ese bloque.
Y por supuesto tenés que remover background="...." de tu tag body.

Bueno, eso es la teoría, en realidad como te indiqué tu html en gereal me pareció algo complicado, y no sé si esta solución va a funcionar 100%, habría que probar, si no, hacer un análisis mas profundo de todo tu código.

Saludos

cada vez se mueve mejor !!!

jomaruro · #5 (**permalink**) 13/10/2010, 12:43

Hola:

Lee este capítulo de Introducción a CSS: Como incluir CSS en un documento XHTML.

Saludos.

MrWoly · #6 (**permalink**) 13/10/2010, 17:47

¡que barbaridad Emprear! ¡menudo cohete de hombre! ¡puse la pregunta y en menos de 2 horas ya respondió de nuevo!

voy a probar lo que dijiste y, con tu permiso, voy a copiar íntegramente el código que has escrito en un nuevo documento html ( dejaré por ahora el que estaba manipulando).

Solo un mini-detalle... eso de "remover background="...." de tu tag body." ¿que significa?

En fin, lo dicho, voy a clonar el código y ya te digo algo.

1.000 gracias de nuevo.

Por cierto, para saber si funciona, debería abrir una página nueva y al hacerla grande-pequeña no debería multiplicarse la imagen, ¿cierto?

Y la segunda pregunta, para añadir ahora la película flash y darle unas coordenadas de posición concretas (y a ser posible que no aprezcan 25 o 30 películas más) ¿tengo que hacer lo mismo? es decir, crear unos CSS dentro de <head> o este lo pongo dentro de <body> joer que lio.....

Hasta pronto

MrWoly · #7 (**permalink**) 13/10/2010, 17:49

Cita:

Iniciado por jomaruro

Hola:

Lee este capítulo de Introducción a CSS: [URL="http://www.librosweb.es/css/capitulo1/como_incluir_css_en_un_documento_xhtml.html"]Como incluir CSS en un documento XHTML.[/URL]

Saludos.

Gracias por la indicación jomaruro, entre tu indicación y el código del amigo emprear creo que al final saldremos adelante sin romper nada.

juas

javiandgo · #8 (**permalink**) 13/10/2010, 18:19

Cuida la maquetacion de la web muchos errores

http://validator.w3.org/check?uri=ht...Inline&group=0

MrWoly · #9 (**permalink**) 14/10/2010, 02:55

Cita:

Iniciado por javiandgo

Cuida la maquetacion de la web muchos errores

[url]http://validator.w3.org/check?uri=http://www.kekellsa.com/&charset=(detect+automatically)&doctype=Inline&gro up=0[/url]

Gracias por la información javiandgo, pero ¿como se solventan estos fallos? desde el link que me mandaste, no veo ninguna opcion para reparar, o depurarlos.

Gracias de todos modos por el link.

Sorry acabo de ver los fallos y ya se como repararlos (creo)

Gracias