Margenes erroreneos en versiones moviles 
Autor: Julio B.
Visitado 470,
Followers 1,
Compartido 0
Buenos días, en la siguiente pagina web:
http://www.rock.eloptimismo.com/
podreis comprobar que en dispositivos moviles (en sistemas operativos android e ios) las fotos y los textos no tienen los mismos margenes exteriores y por lo tanto estan descuadrados, sin embargo en el resto de dispositivos no hay problema. Hay alguna solución??
Un saludo
Publicado en
Hola Julio,
Sabes que he probado de manejar celdas asi como las tenes vos y no me da problemas.
Como recomendacion de diseño, no te parece que queda mejor si eliminas la linea blanca entre el titulo y la imagen pasando todos los margenes (internos y externos) a CERO? o sea, los de abajo de la foto internos y externos a 0, y los de arriba del texto (internos y externos) tambien a cero, creo que queda mejor. Y ya de paso al revisar los margenes quiza soluciones tu problema.
Saludos!
Autor
Buenos días, he corregido los margenes como me indica Carlos Amaral:
http://www.salsa.eloptimismo.com/index.html
El problema que me surge es que a veces me muestra una linea blanca de 1mm de separación entre foto y texto, habiendo configurado todos los margenes igual y las fotos tienen el mismo tamaño. ¿Porque ocurre esto?
Tambien pasa en version movil vertical y horizontal, y en tablet vertical.
Un saludo.
Veo que esa linea blanca te sale en las tres primeras, y en las 3 de abajo no sale, por lo que te recomiendo usar la funcion de copiar estilos.
Le das boton derecho a una de las celdas de imagen, y selecciona la opcion Estilo > Copiar... luego a las celdas con imagenes de la segunda fila le das Estilo > pegar. Luego haces lo mismo con las celdas de texto, copias el estilo de una de las que se ve bien, y pegalo en las que se ven con la linea.
Eso deberia solucionar el problema.
Si con eso no se soluciona, puede ser que esa linea de 1 pixel este en la misma imagen, chequea que no sea la imagen la que tiene una linea blanca abajo.
Cualquier cosa a las ordenes.
Te agradeceria si le das a la manito verde en los comentarios que te han servido, ya que es una de las formas de agradecer (calificando el comentario como util).
Desde ya muchas gracias!
Saludos
Carlos.
Autor
Buenos días, he realizado los cambios que me has dicho:
ajustando los mismos estilos en todos los textos e imagenes
las imagenes tienen el mismo tamaño y no tienen una linea blanca abajo
pero sigue ocurriendo el mismo problema.
Ya nos ha pasado más veces en distintos proyectos y para corregirlo diseño de nuevo toda esa pagina pero esto requiere mucho tiempo y no me parece una solucion tener que volver ha diseñar una pagina ya diseñada, debe ser algun tipo de fallo del webiste. ¿Hay alguna solución?
http://www.salsa.eloptimismo.com/index.html
Un saludo.
Hola Julio,
Luego de los cambios probaste de presionar Ctrl+F5 para actualizar el cache de la pagina en tu navegador?
Porque yo ahora la veo bien...
Autor
Buenos días,
en version tablet horizontal y movil en sus dos posiciones se muestra la linea.
Un saludo.
Autor
Hola Julio,
Yo lo veo asi... como te decia... no veo las lineas que dices, por eso no se me ocurre como ayudarte.
(Por si es el navegador, te cuento que lo estoy viendo en firefox)
Saludos y seguimos en contacto!