유체 하이브리드 전자 메일에 대한 두 개의 열 레이아웃이 균등하지 않습니다.

Question

유체 하이브리드 방식을 사용하는 클라이언트의 전자 메일을 작성 중입니다. 꼬리말이 두 개있는 두 줄짜리 레이아웃 인 꼬리말을 만들려고합니다. 전자 메일 너비의 58 % (전자 메일의 최대 너비는 600px)와 오른쪽 열 (텍스트 만 포함)이 나머지 42 % 너비가되도록 왼쪽 열 (이미지 포함)을 찾고 있습니다.

Litmus를 통해 테스트하는 동안 대부분의 이메일 클라이언트에서 문제없이 표시 할 수 있습니다. Outlook 2007, 2010 및 Windows 10 Mail에서 나에게 문제가 발생했습니다. 어떤 아이디어?

여기 내 litmus build에 대한 링크입니다.

미리 감사드립니다. 내가 열 너비를 존중 Outlook을 얻으려고 너무 오래 썼다

Answer 1

, 내가 시도하려는 다음

번잡 한 테이블이 명시 적으로 만 각 셀  하지만 데의 매우 첫 번째 행 너비를 설정하십시오.

예 : 이것은 Outlook이 영리을 시도하고 그들이해야 생각하는 방법에 열을 크기 조정 중지

<table> <tr> <td width="58%">&nbsp;</td> <td width="42%">&nbsp;</td> <\tr> ...

. 그것은 테이블의 첫 번째 행에 너비가있는 것처럼 동작하므로 내용이없는 명시적인 너비를 설정하면 종종 트릭을 수행합니다.

실패하고 더러운 속임수입니다. 보이지 않는 1x1x1 픽셀을 내장하는 것이 유용합니다. 각 상단 행 셀에 포함시키고 너비를 설정할 수 있기 때문입니다. Outlook조차도 무시할 수없는 어떤 것입니다.

<img src="1px.gif" height="1" width="58%" />