크로스 검색 즉

Question

나는 this email creative입니다. 아래쪽 상자는 ff와 chrome에 잘 붙어 있지만 IE에서는 약간 이상하게 보입니다.

하단 상자를 올바르게 표시하려면 코드에서 추가/제거해야하는 항목은 무엇입니까?

감사합니다. 모든

<title></title> 
<style type="text/css"> 
p 
     { 
    margin: 0px; 
    padding: 0px; 
    text-align: right; 
     } 

     a:link 
     { 
      color: #990000; 
      text-decoration: none; 

     } 
     a:visited 
     { 
      text-decoration: none; 
      color: #990000; 
     } 
     a:hover 
     { 
      text-decoration: none; 
      color: #990000; 
     } 
     img 
     { 
      border: none; 
     } 
     body{ 

      margin:0px; 
     } 
     </style> 
<div style="text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px;background-color: #EEF3FA"> 
    <div style="text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 13px;background-color: #FFF;width: 720px;margin: 0px auto;"> 
    <br /> 
    <table align="center" border="0" cellpadding="4" cellspacing="0" dir="rtl" width="700"> 
     <tbody> 
      <tr> 

       <td colspan="3"> 
        <a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/head.jpg" style="margin-bottom: 10px;" /></a></td> 
      </tr> 
      <tr> 
       <td colspan="3" style="border:2px #060"> 
        <a href="http://www.shvoong.co.il/minisites/kfarsaba/" target="_blank"><img src="Images/tophaedr1.jpg" style="margin-bottom: 10px;margin-right:23px;" /></a></td> 
      </tr> 

      </table> 
      <table align="center" border="0" cellpadding="4" cellspacing="0" dir="rtl" width="700" style="margin-right:17px;"> 

       <!-- right --> 
       <tr> 
       <td valign="top" width="156" height="500"> 

    <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: B4D336"> 
    <tr> 
    <td width="14" valign="top"><img src="Images/rounded_corner2.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="top"><img src="Images/rounded_corner1.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 

<tr> 





</tr> 
<tr> 

<td width="14" valign="bottom"><img src="Images/rounded_corner4.gif" width="14" height="14" 
border="0" alt="..." /></td> 

<td></td> 

<td width="14" valign="bottom"><img src="Images/rounded_corner3.gif" width="14" height="14" 
border="0" alt="..." /></td> 

</tr> 

</table> 

      <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: 3778BC;margin-top: 10px;"> 
    <tr> 
    <td width="14" valign="top"><img src="Images/rounded_corner2_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="top"><img src="Images/rounded_corner1_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 
<tr> 







</tr> 
<tr> 

<td width="14" valign="bottom"><img src="Images/rounded_corner4_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="bottom"><img src="Images/rounded_corner3_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

</tr> 
</table> 





       </td> 
        <td valign="top" width="156" > 


       <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: 3778BC"> 
    <tr> 
    <td width="14" valign="top"><img src="Images/rounded_corner2_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="top"><img src="Images/rounded_corner1_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 
<tr> 







</tr> 
<tr> 

<td width="14" valign="bottom"><img src="Images/rounded_corner4_b.gif" width="14" height="14" 
border="0" alt="..." /></td> 

<td></td> 

<td width="14" valign="bottom"><img src="Images/rounded_corner3_b.gif" width="14" height="14" 
border="0" alt="..." /></td> 

</tr> 
</table> 

       <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: B4D336;margin-top: 10px;"> 
    <tr> 

    <td width="14" valign="top"><img src="Images/rounded_corner2.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="top"><img src="Images/rounded_corner1.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 
<tr> 






</tr> 
<tr> 


<td width="14" valign="bottom"><img src="Images/rounded_corner4.gif" width="14" height="14" 
border="0" alt="..." /></td> 

<td></td> 

<td width="14" valign="bottom"><img src="Images/rounded_corner3.gif" width="14" height="14" 
border="0" alt="..." /></td> 

</tr> 
</table> 



       </td> 
           <td valign="top" width="156"> 

    <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: B4D336"> 
    <tr> 

    <td width="14" valign="top"><img src="Images/rounded_corner2.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 

    <td width="14" valign="top"><img src="Images/rounded_corner1.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 
<tr> 





</tr> 
<tr> 


<td width="14" valign="bottom"><img src="Images/rounded_corner4.gif" width="14" height="14" 
border="0" alt="..." /></td> 

<td></td> 

<td width="14" valign="bottom"><img src="Images/rounded_corner3.gif" width="14" height="14" 
border="0" alt="..." /></td> 

</tr> 
</table> 

       <table width="156" cellpadding="0" cellspacing="0" border="0" 
    style="background-color: 3778BC;margin-top: 10px;"> 
    <tr> 
    <td width="14" valign="top"><img src="Images/rounded_corner2_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    <td width="172"></td> 


    <td width="14" valign="top"><img src="Images/rounded_corner1_b.gif" width="14" 
    height="14" border="0" alt="..." /></td> 

    </tr> 
<tr> 





</tr> 
<tr> 

<td width="14" valign="bottom"><img src="Images/rounded_corner4_b.gif" width="14" height="14" 
border="0" alt="..." /></td> 

<td></td> 


<td width="14" valign="bottom"><img src="Images/rounded_corner3_b.gif" width="14" height="14" 
border="0" alt="..." /></td> 

</tr> 
</table> 




       </td> 
       <!-- space --> 

       <!-- left --> 
       <td valign="top" width="180"> 
       <table width="180" cellpadding="0" cellspacing="0" border="0" 
style="background-color: B4D336"> 

<tr> 

<td></td> 

<td align="center"><a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/left.jpg" width="180" 
height="188" border="0" alt="..." /></a></td> 

<td></td> 

</tr> 

</table> 
         <table width="180" cellpadding="0" cellspacing="0" border="0" 
style="background-color: B4D336"> 

<tr> 


<td></td> 

<td align="center"><a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/left.jpg" width="180" 
height="188" border="0" alt="..." /></a></td> 

<td></td> 

</tr> 

</table> 
         <table width="180" cellpadding="0" cellspacing="0" border="0" 
style="background-color: B4D336"> 

<tr> 

<td></td> 


<td align="center"><a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/left.jpg" width="180" 
height="188" border="0" alt="..." /></a></td> 

<td></td> 

</tr> 

</table> 
        <table width="180" cellpadding="0" cellspacing="0" border="0" 
style="background-color: B4D336"> 

<tr> 

<td></td> 

<td align="center"><a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/left.jpg" width="180" 
height="188" border="0" alt="..." /></a></td> 


<td></td> 

</tr> 

</table> 
      </table> 
       <table align="center" border="0" cellpadding="4" cellspacing="0" dir="rtl" width="700"> 
     <tbody> 
      <tr> 
       <td colspan="3"> 
        <a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/pre.jpg" style="margin-bottom: 10px; margin-left: 8px; margin-top: -20px;" /></a></td> 

        <td colspan="3"> 
        <a href="http://www.shvoong.co.il/" target="_blank"><img src="Images/logoleft.gif" style="margin-bottom: 10px; margin-left: 11px; margin-top: -10px;" /></a></td> 
      </tr> 


      </table> 
      </div> 
</div> 

Answer 1

먼저 내가보기 엔 페이지를 구성하기위한 <table> 태그를 사용하여 정지에 추천 할 것 : 여기

는 코드입니다. 그게 <div> 님의 답변입니다.

IE는 문제가있는 것으로 알려져 있습니다. 일반적으로 별표 (*) 표식을 사용하여 IE에만 ​​적용되는 사용자 지정 CSS 규칙을 추가합니다.

#myDiv{ 
    position: relative; 
    top: 20px; 
    left: 10px; 
    *top: 15px; /* Should be read only be IE */ 
    *left: 8px; /* Should be read only be IE */ 
} 

샤이

당신은 레이아웃 테이블의 사용을 중지 할 수 있습니다

Answer 2

.