2010-03-10 14 views
9

Il mio progetto di bollettino email HTML non viene visualizzato correttamente in Outlook 2007. C'è uno spazio bianco orizzontale verso il fondo che rompe i bordi e gli sfondi. Ho avuto questo successo prima e non ho idea di come aggirarlo. Eventuali suggerimenti? Ho pubblicato la fonte here. Rende bene solo ad eccezione di Outlook 2007 (Word 2007).Soluzione temporanea per Outlook HTML HTML Rendering bug (spazi orizzontali)

A proposito, potete vedere in anteprima il problema senza Outlook, aprendo la fonte con Word 2007.

risposta

1

La risposta sembra essere che questi bug sono correlati alla dimensione/lunghezza dell'email e non possono essere eliminati, anche se a volte l'effetto può essere mitigato modificando il contenuto per aggiungere ulteriore spaziatura orizzontale o aumentando la linea -attraente attributo di parte del testo che precede le interruzioni.

+0

Sono legati alla lunghezza dell'email, in quanto il problema si verifica ovunque l'email finisca un foglio di A4 se lo stavi stampando. –

1

Al momento ho esattamente lo stesso problema, per quanto io sappia questo è qualcosa a che fare con Outlook 2007 che utilizza Word 2007 come motore di rendering. Per questo motivo, Outlook 2007 inserisce (in modo efficace) le interruzioni di pagina nell'intera posta elettronica (a determinati intervalli).

I può essere completamente sbagliato, ma questo è come la vedo io ...

Tutte le risposte sarebbero piuttosto bene!

+0

Sì, ho sperimentato anche questo, Outlook sembra aggiungere interruzioni di pagina per evitare di tagliare un'immagine a metà. Che ovviamente è una cosa stupida da fare per una e-mail, a meno che non stiate provando a stampare. – EfficionDave

+0

È a causa del motore di rendering di Word - pensa che sia ancora in Word ... Silly Microsoft ... di nuovo ... –

8

Non riesco a vedere la fonte originale, ma la soluzione è inserire una tabella di larghezza 100% da qualche parte nel disegno appena sopra dove si sta rompendo. Questa può essere una linea trasparente alta 1px. Ciò consente a Outlook di inserire un'interruzione di pagina.

Outlook utilizza il motore di rendering di Word 2007, quindi se raggiunge la fine di un foglio A4 nella dimensione di stampa, deve inserire un'interruzione di pagina da qualche parte. Se c'è un'immagine nel posto in cui altrimenti inserirà l'interruzione di pagina, imporrà solo quella immagine alla pagina successiva - quello è lo spazio che stai vedendo.

L'utilizzo della tabella 100% consente a Outlook di inserire l'interruzione di pagina.

+0

molto interessante! Non sono sicuro che questa soluzione funzionerà comunque per me, perché il mio progetto è (in forma semplificata) un tavolo esterno che racchiude due tabelle affiancate utilizzate come colonne sinistra e destra. Quindi, qualcosa del genere: – jalperin

+0

Puoi renderlo _look_ lo stesso, ma ci vorrà del tempo. Ho passato anni a cercare soluzioni alternative su questo bug, e la progettazione in modo tale da poter avere regolari tabelle al 100% era l'unica correzione che ho trovato. –

+0

@jalperin Hai trovato un modo per aggirare il problema? Se c'è qualcos'altro che posso aiutare, sentiti libero di chiedere. –

1

La mia esperienza è che questa interruzione di linea bianca si verifica normalmente quando è presente un'immagine vicino alla linea interrotta che Outlook 2007 inserisce. La soluzione rapida consiste nell'inserire del testo sotto l'immagine in modo che invece di lasciare che outlook 2007 inserisca l'interruzione di pagina, il testo aggiuntivo formatterà le pagine senza alcun "aiuto" da Outlook 2007 quindi la scomparsa della misteriosa linea bianca.

2

Microsoft, nella loro infinita saggezza utilizza Word per il rendering HTML? Quindi lascio che Microsoft scriva l'HTML per me.

  • Pubblicare e-mail come una pagina web
  • pagina web Copiare in una e-mail di Outlook
  • Invia l'email a te stesso
  • ottenere il codice sorgente della mail che ricevete da te

Ora l'HTML funzionerà correttamente.

Non si preoccupano nemmeno di decifrare il codice HTML creato da Microsoft. Ti darò un mal di testa.

Avanti, ho dovuto copiare il codice HTML di nuovo in Dreamweaver per risolvere un paio di cose:

  • img src = era tutto rovinato
  • colore
  • sfondo si può fissare nella posta elettronica di Outlook si invia, o nell'HTML

A proposito, ho trovato se ho provato a rimettere i collegamenti ipertestuali della mappa immagine, il problema è riemerso. Quindi ho solo collegato l'intera immagine.