2014-11-04 1 views
2

보일러 플레이트를 사용하여 반응 형 이메일을 만들었으므로 Gmail Android를 제외하고는 좋아 보입니다.Outlook에서 반응 형 이메일을 전달하면 100 % 너비 테이블이 나옵니다.

Outlook 2007 또는 2010에서 전자 메일을 전달할 때 테이블은 100 % 너비로 선언 된 세그먼트로 나뉩니다. 전체 전자 우편을 테이블로 랩핑하려했지만 작동하지 않습니다. 우리는 또한 포워딩 링크를 제공 할 수있는 이메일 마케팅 ESP를 가지고 있지 않으므로 문제는 아닙니다. 코드를 수정하고 싶습니다. 아니면 해결책이 있습니까?

이메일은 다음과

http://dev.hurford-salvi-carr.co.uk/charles/email/blackfriars/blackfriars.html

깨진 이메일입니다 : broken forwarded image in outlook

+0

먼저 전달 된 이메일에서 무엇이 제거되었는지 확인합니다. 표 안에 스타일을 삽입하려 했습니까? – skobaljic

+1

Microsoft는 무한한 지혜로 Microsoft Word가 ** 최고의 HTML 렌더러라고 생각하며 그 밖의 것은 없습니다. Outlook은 Word를 사용하여 HTML을 렌더링합니다. 인식 할 수없는 점액으로 만드는 것처럼 렌더링에 중점을 둡니다. –

+0

나는 아무것도 이해하지 못한다. 테이블 사이에 간격이 생기는 것을 볼 수있다. 그러나 아마 IE 용 에뮬레이터라는 단어가 없다면 검사는 불가능할 것이다. – chucky

답변

0

는 웹 메일로 전달 시도에 요소를 검사 사용하여 당신은 당신의 코드가 산재되어 있음을 볼 수 있습니다 이메일 - MSO 맞춤 CSS와 함께 mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan;

Outlook은이 CSS를 보내면이 CSS를 모든 리치 텍스트/HTML 이메일에 삽입합니다. 이것은 당신이보고있는 것과 같은 큰 혼란을 만듭니다. !important 규칙을 사용하면 모든 종류의 요소에 대해 자신의 MSO CSS를 조정할 수 있지만 다른 모든 사람들처럼 될 수 있으며 전달 된 전자 메일에 대해 수행 할 수있는 방법이 없다고 말할 수 있습니다. Outlook은 전달 된 HTML을 엉망으로 만드는 유일한 프로그램이 아닙니다.

0

Outlook에서는 보낼 때 단어 렌더링 엔진을 사용하여 HTML을 완전히 다시 작성합니다. 거의 한 번 당신의 전자 우편에 그것의 발톱이있다, 지금 낱말 doc이다.

Outlook을 통해 응답하는 모든 것을 보내는 것은 사실상 불가능합니다 (모든 미디어 쿼리를 제거합니다). 최선의 방법은 확장 가능한 전자 메일이지만 큰 제한이 있습니다 (이미지의 너비 비율 없음 등). 반응 형으로 보내려면 다른 이메일 클라이언트를 사용해야합니다.

보통 이메일에 HTML을 보내거나받을 때 Mozilla 렌더링 엔진을 사용하므로 '순수한'보내기에 가장 근접한 Thunderbird를 통해 보내는 것이 좋습니다. 여전히 단점이 있지만 Outlook보다 더 많은 옵션을 제공합니다.

이러한 메일을 보내려면 MailChimp 또는 Exact Target과 같은 ESP (전자 메일 서비스 공급자)를 가져야합니다. 받은 전자 메일을 전달하면 CAN-SPAM 규정을 준수하지 않을 수 있습니다. 옵트 아웃 등은 해당 사용자가 아닌 귀하에게 연결됩니다. 따라서 옵트 아웃을 클릭하면 더 이상 메시지를받지 않으며 실제로 클릭 한 사람에 대한 기록을 남기지 않습니다. 또한 분석이 모두 엉망이 될 것입니다.

응답성에 신경 쓰지 않는 경우 Outlook 코딩을위한 전자 메일 사용 가이드에 대한 다음 링크를 사용하면 테이블 간격 문제 Outlook Tips과 함께 더 많은 도움이 될 수 있습니다. 그것을 얻으려면 몇 가지 정보를 작성해야하지만 Outlook 코딩을위한 좋은 참고 자료입니다.

관련 문제