Foros del Web » Creando para Internet » HTML »

Mantener tamaño de la página en Chrome

Estas en el tema de Mantener tamaño de la página en Chrome en el foro de HTML en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 13/10/2010, 10:36
 
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 7
Antigüedad: 7 años, 2 meses
Puntos: 0
Mantener tamaño de la página en Chrome

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
  #2 (permalink)  
Antiguo 13/10/2010, 11:28
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Mantener tamaño de la página en Chrome

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

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 13/10/2010, 13:25
 
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 7
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Mantener tamaño de la página en Chrome

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.
  #4 (permalink)  
Antiguo 13/10/2010, 13:37
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Mantener tamaño de la página en Chrome

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 !!!
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 13/10/2010, 13:43
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Mantener tamaño de la página en Chrome

Hola:

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

Saludos.

  #6 (permalink)  
Antiguo 13/10/2010, 18:47
 
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 7
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Mantener tamaño de la página en Chrome

¡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
  #7 (permalink)  
Antiguo 13/10/2010, 18:49
 
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 7
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Mantener tamaño de la página en Chrome

Cita:
Iniciado por jomaruro Ver Mensaje
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

  #8 (permalink)  
Antiguo 13/10/2010, 19:19
Avatar de javiandgo  
Fecha de Ingreso: septiembre-2010
Ubicación: Bogota, Colombia
Mensajes: 456
Antigüedad: 7 años, 3 meses
Puntos: 55
Respuesta: Mantener tamaño de la página en Chrome

Cuida la maquetacion de la web muchos errores

http://validator.w3.org/check?uri=ht...Inline&group=0
  #9 (permalink)  
Antiguo 14/10/2010, 03:55
 
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 7
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Mantener tamaño de la página en Chrome

Cita:
Iniciado por javiandgo Ver Mensaje
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

Última edición por MrWoly; 14/10/2010 a las 04:00 Razón: Ampliación de la información

Etiquetas: chrome, mantener, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:19.