Mal redimensionado de cabecera y pie de pagina en version movil 
Autore: Julio B.
Visite 1195,
Followers 1,
Condiviso 0
Buenos dias,
en este enlace a nuestra pagina:
http://www.todomusica.eloptimismo.com/
La imagen de cabecera y del pie de página no se redimensiona correctamente en distintas resoluciones de pantalla de teléfonos moviles.
¿Hay alguna solución?
Un saludo.
Postato il
Hola Julio B.
Prueba que la imagen que defines en el encabezado tenga el ancho correcto, revisa:
Revisa en Paso 2: estructura de la Plantilla y contenido del encabezado y pie de páginam sobre todo el ancho del encabezamiento coincida con el encabezamiento que deseas y el archivo imagen sea de ese ancho definido:
Revisa, prueba y comenta.
Saludos
Jorge M.
----------------------------------------------------------------------------------------------------------
¡Cada punto cuenta! No en monetario pero si como reconocimiento a un esfuerzo, así que:
Autore
Buenos días,
las imágenes tanto de la cabecera como del pie de página tienen la misma medida que en la estructura de la plantilla.
En un móvil con Mac OS se reajustan bien la cabecera y el pie de página.
Hemos probado en 3 móviles con Sistema Operativo Android y de diferentes tamaños de pantallas y en ninguno reajusta bien ni la cabecera ni el pie de página, dejando un espacio blanco.
¿Alguna solución?
Un saludo.
Puedes rellenar ese espacio en blanco con una imagen repetida horizontalmente de fondo, que sea por ejemplo de 1 pixel de ancho por el alto del area a rellenar cortada de esa imagen que usas para el cabezal?
Algo asi por ejemplo... (para que se vea bien esta muy ampliada y no tiene un pixel de ancho, pero es para que la tomes de ejemplo).
Espero que puedas solucionar el tema...
Saludos!
Autore
Buenos días,
la solución que me das dado es la manera en la que lo hemos hecho pero esto no es lo más adecuado, es un parche.
En el resto de resoluciones el website redimensiona perfectamente, me gustaría sugerir al equipo de desarrolladores si pueden implementar en alguna modificación futura una solución a este problema, de manera que el propio programa redimensione la cabecera y pie de página automáticamente en función de la resolución del dispositivo móvil.
Un saludo.
Hola Julio,
Te cuento que esa es la forma en la que hago el 95% de mis cabezales en la web, ya que en lugar de tener una imagen pesada que ocupa toda la parte superior, al usar una imagen de NN pixeles de alto y 2 o 3 pixeles de ancho, pesa 100 veces menos que la imagen completa de un cabezal de 1920 pixeles de ancho en caso de que quieras que tu sitio se vea bien en monitores FullHD.
Luego, sobre eso, desde la vista de diseño de Cabezal y pie de pagina, ahi si le pongo el Logo al sitio, y todo el contenido que va en el cabezal.
en tu caso, la imagen es menos ancha que el ancho de la pantalla en modo responsivo, por lo que si el programa la tiene que agrandar automaticamente para que ocupe todo el ancho, la imagen se veria borrosa (por el efecto de agrandarla).
Quiza puedes tomarlo como una recomendacion de diseño, no se que piensan los demas sobre mi forma de hacer los cabezales.
Algunos ejemplos:
https://www.carlos-amaral.com/CLIENTES/AvanceSRL/
http://www.llongueras.com.uy
http://www.estudioindependencia.com/
Saludos colega!
Carlos A.