Windows 실시간 메일은 모든 테이블을 1 행에 대신 배치합니다.

Question

편집 : 아래 예제를 추가했습니다.

나는 다음 코드 나 뉴스 레터로 전송하는 (예를 들어 간체) 한 :

<table width="700"> 
    <tr> 
     <td width="700"><!-- Really trying to set 700 as max) --> 

      <table width="700"> <!-- simple table content, not bigger than 700 --></table> 
      <table width="350"> <!-- simple table content, not bigger than 350 --></table> 
      <table width="350"> <!-- simple table content, not bigger than 350 --></table> 

     </td> 
    </tr> 
</table> 

예상 결과 : 윈도우 라이브 메일에서
[------ table 700 ------]
[ table 350 ][ table 350 ]

결과 : (Mac의 메일에서 정상적으로 작동)
[------ table 700 ------][ table 350 ][ table 350 ]

포장 TD와 테이블이 700으로 설정되었지만 모두 1 행입니다. 새 행부터 시작해야합니다.

휴식 시간을 추가 할 수 없습니다.이 코드는 동적이며, 더 많은 부분이 있습니다. 마지막 줄에 코드가 없습니다.

"메일 보내기, 테이블과 함께 보내기"외의 다른 솔루션에 대한 주제를 찾을 수 없습니다.

단서가 있습니까?

Answer 1

문제/해결책은 align="left"입니다. align=left 인 테이블에는 다음 테이블이 고정되어 있습니다.선호하는 결과의 예 :

[---- 100 ----][--50--][--50--][25][25][25][25]

내가에서 align=left을 제거 : 모든 테이블이 align="left"이있는 경우

[---- 100 ----]
[--50--][--50--]
[25][25][25][25]

, 그것은 하나 개의 긴 라인을 초래할 것 첫 번째 표는 다음과 같이 나타납니다.

나는 그 인라인 블록을 원하기 때문에 17,451,515,

[---- 100 ----]
[--50--][--50--][25][25][25][25]

나는 다른 테이블에서 align=left를 제거 can'r. 그들을 제대로 얻으려면 코드에 'split'을 추가했습니다. 분할 표는 align=left이없고 높이가없는 표입니다. 모든 테이블은 따로 분리에서, align=left 가진 사람들 :

몇 가지를 들어

[---- 100 ----](split)
[--50--][--50--](split)
[25][25][25][25]

Answer 2

상단 테이블에 style="display:block;"을 추가하십시오.

그러나 float 대신에 <td>의 정보를 입력하는 것이 좋습니다. 이처럼

: 여기

<table width="700" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td bgcolor="#eeeeee"> 
     ... 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
      <td width="350" bgcolor="#cccccc"> 
      ... 
      </td> 
      <td width="350" bgcolor="#dddddd"> 
      ... 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

당신은 아마 당신이 같은 테이블을 정렬과 얼굴 것 또 다른 문제를 설명하는 비슷한 질문/대답 here입니다.

응답하려는 경우 <td>과 display:block;을 사용하면 미디어 쿼리가 트리거 될 때 '팝'상태로 전환 할 수 있습니다. 예 here