크롬이 인터넷 익스플로러와 다른 경우

Question

비슷한 질문이 있지만 해결책이 없습니다.

나는 중간에 테이블과 유튜브 동영상이있는 웹 페이지가 있습니다 http://www.zofim.org.il/magazin_item.asp?item_id=531438084004

은 크롬에서 잘 보이지만 Internet Explorer에서 영화가 너무 낮은 아닌 바로 이곳에 있습니다.

<table background="http://www.zofim.org.il/pics/magazin/Page-1 (1).jpg" width="650" height="700" border="0" align="center" cellpadding="1" cellspacing="1"> 
<tbody> 
    <tr> 
     <td> 
     <table border="0" width="600"> 
      <tbody> 
       <tr> 
        <td colspan="4"><span style="font-size: 8; ">&nbsp;       </span> 
        <p><span style="font-size: 8; ">&nbsp;</span></p> 
        <p><span style="font-size: 8; ">&nbsp;</span></p> 
        <p><span style="font-size: 8; ">&nbsp;</span></p> 
        <p><br /> 
        &nbsp;</p> 
        <p><span style="font-size: 8; ">&nbsp;</span></p> 
        <p><span style="font-size: 8; ">&nbsp;</span></p> 
        <p><span style="font-size: 8; "><br /> 
        <br /> 
        <br type="_moz" /> 
        </span></p> 
        <p>&nbsp;</p> 
        </td> 
       </tr> 
       <tr> 
        <td height="440" width="23%" rowspan="2"> 
        <table border="0" width="100%" height="430"> 
         <tbody> 
          <tr> 
           <td height="131">&nbsp;</td> 
          </tr> 
          <tr> 
           <td height="63"><a href="http://zofim.org.il/magazin_item.asp?item_id=531477450625&amp;troop_id=285610000">          <img border="0" src="http://www.zofim.org.il/pics/magazin/1(158).gif" width="134" height="76" alt="" /></a></td> 
          </tr> 
          <tr> 
           <td>&nbsp;</td> 
          </tr> 
         </tbody> 
        </table> 
        </td> 
        <td height="142" width="12%"> 
        <p style="margin-top: 0; margin-bottom: 0">&nbsp;</p> 
        <p>&nbsp;</p> 
        <p>&nbsp;&nbsp;</p> 
        </td> 
        <td height="142" width="35%"> 
        <p style="margin-top: 10px; margin-bottom: 0px; text-align: center; "><iframe width="250" height="150" src="http://www.youtube.com/embed/wnBGKeXF8X0?rel=0&amp;controls=0&amp;autoplay=1" frameborder="0" allowfullscreen="" name="I1" scrolling="no" marginheight="2"></iframe></p> 
        </td> 
        <td height="142" width="31%">&nbsp; 
        <p>&nbsp;</p> 
        <p>&nbsp;</p> 
        </td> 
       </tr> 
       <tr> 
        <td height="285" colspan="3"> 
        <table border="0" width="100%" height="292"> 
         <tbody> 
          <tr> 
           <td width="135"> 
           <table border="0" width="100%" height="280"> 
            <tbody> 
             <tr> 
              <td height="78"><a href="http://zofim.org.il/magazin_item.asp?item_id=531516818704&amp;troop_id=285610000">          <img border="0" src="http://www.zofim.org.il/pics/magazin/1(158).gif" width="134" height="99" alt="" /></a></td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
            </tbody> 
           </table> 
           </td> 
           <td> 
           <table border="0" width="104%" height="278"> 
            <tbody> 
             <tr> 
              <td height="78"><a href="http://zofim.org.il/magazin_item.asp?item_id=531556188241&amp;troop_id=285610000">          <img border="0" src="http://www.zofim.org.il/pics/magazin/1(158).gif" width="175" height="99" alt="" /></a></td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
            </tbody> 
           </table> 
           </td> 
           <td width="153"> 
           <table border="0" width="100%" height="281"> 
            <tbody> 
             <tr> 
              <td height="78"><a href="http://zofim.org.il/magazin_item.asp?item_id=531595559236&amp;troop_id=285610000">          <img border="0" src="http://www.zofim.org.il/pics/magazin/1(158).gif" width="152" height="99" alt="" /></a></td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
             </tr> 
            </tbody> 
           </table> 
           </td> 
          </tr> 
         </tbody> 
        </table> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 
    </tr> 
</tbody> 

감사 : 여기

코드입니다!

Dor.

Answer 1

제공 한 마크 업으로 표를 사용하여 웹 사이트를 레이아웃합니다. 이것은 나쁜 관행으로 간주됩니다. 모범 사례 (divs 등)를 사용하고 CSS를 사용하여 인라인 스타일을 사용하는 대신 레이아웃 스타일을 변경하는 것을 고려해야합니다. 이 작업을 완료하면 prefixr.com을 사용하여 브라우저 간 친화적 인 CSS를 만들 수 있습니다.