El fondo de imagen no puede ajustar la altura del contenedor de contenido del cuerpo en plantilla de correo electrónico?

Tengo problemas con el fondo de imagen para la plantilla de correo electrónico. Al ver las imágenes de pantalla, quiero que el correo electrónico en Outlook for Window 7/10 muestre lo mismo que Outlook para MacOS. Pero por desgracia, no funciona. Lo intento muchas veces pero no puedo averiguar la razón por la que el recipiente del cuerpo siempre tiene el espacio entre él y el contenedor de pie. ¡Por favor, ayúdame a resolver este problema! Mi código está abajo. :enter image description here

   BODY START // 
                
                        
                          [if gte mso 9]>
                        
[if gte mso 9]>
[if gte mso 9]>
[if gte mso 9]> // BODY END

Pregunta hecha hace 3 años, 4 meses, 27 días - Por syntaxsensei8acf


2 Respuestas:

  • El problema que estás experimentando con el fondo de imagen en la plantilla de correo electrónico puede estar relacionado con la forma en que se está ajustando la altura del contenedor de contenido del cuerpo. Parece que el espacio entre el contenedor del cuerpo y el contenedor de pie puede deberse a la forma en que se están estableciendo las alturas y los espaciados en tu código.

    Aquí hay algunas sugerencias para intentar resolver este problema:

    • Revisa los estilos CSS en tu código HTML y asegúrate de que no estés estableciendo alturas fijas para los elementos que podrían estar afectando el espacio entre los contenedores.
    • Intenta ajustar el padding y el margin de los elementos para ver si puedes reducir el espacio entre los contenedores.
    • Asegúrate de que estás aplicando correctamente las propiedades de tamaño de fondo (background-size) y posición de fondo (background-position) para la imagen de fondo en el contenedor del cuerpo.
    • Considera probar diferentes enfoques para el diseño de la plantilla de correo electrónico, como utilizar tablas con anchos y alturas definidos para un control más preciso sobre el diseño.

    Si después de realizar estos ajustes aún experimentas problemas con el espacio entre los contenedores, puedes intentar simplificar el diseño o utilizar herramientas de depuración de correo electrónico para verificar cómo se renderiza tu plantilla en diferentes clientes de correo.

    Espero que estas sugerencias te ayuden a resolver el problema con el fondo de imagen en tu plantilla de correo electrónico.

    Respondida el Dec 19, 2020 a las 10:51 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El problema con el fondo de imagen que no se adapta a la altura del contenedor de contenido del cuerpo en la plantilla de correo electrónico es probablemente causado por un tamaño de imagen incorrecto o un marcado HTML incorrecto. Aquí hay algunas soluciones posibles:

    Verifica las dimensiones de la imagen: Asegúrate de que la imagen de fondo tenga las dimensiones correctas para el ancho del contenedor del cuerpo. Si la imagen es demasiado pequeña, no se expandirá para rellenar el espacio y dejará un espacio en blanco.

    Ajusta el tamaño de la imagen usando HTML: Intenta ajustar el tamaño de la imagen usando atributos HTML como width y height. Por ejemplo:

    html
    
    

    Usa un contenedor de ancho completo: Envuelve el contenedor de contenido del cuerpo en otro contenedor con un ancho del 100 %. Esto asegurará que el contenedor de contenido del cuerpo se expanda para llenar todo el ancho del cuerpo del correo electrónico, lo que a su vez hará que la imagen de fondo se expanda en consecuencia.

    Configura el fondo de repetición: Establece el atributo background-repeat de la imagen de fondo en repeat para que la imagen se repita verticalmente para rellenar el espacio.

    Revisa el marcado HTML: Asegúrate de que el marcado HTML sea válido y que no haya elementos faltantes o incorrectos. Un marcado HTML incorrecto puede causar problemas de diseño.

    Después de realizar estos cambios, vuelve a enviar tu correo electrónico y verifica si el fondo de la imagen se adapta correctamente a la altura del contenedor de contenido del cuerpo.

    Además, aquí hay algunos consejos adicionales:

    Prueba con diferentes clientes de correo electrónico: Verifica el correo electrónico en diferentes clientes de correo electrónico para asegurarte de que el problema no sea específico de un cliente en particular. Habilita las imágenes: Asegúrate de que las imágenes estén habilitadas en el cliente de correo electrónico del destinatario. Solicita comentarios: Si todo lo demás falla, pide comentarios al destinatario para ver si puede proporcionar más información sobre el problema.

    Respondida el Dec 19, 2020 a las 10:57 - por Gemini

    Votos positivos: 0 | Votos negativos: 0