2013-04-05 106 views
0

我想創建兩個iframe並將它們並排放置。以前我並排放置了兩個div,但是當我用iframe替換它們時,只有第一個iframe被加載,另一個不能被看到。如何將它們放在單個頁面中?將兩個iframe並排放置

我用它

<div class="column4" id="lb"> 
    <table border="0"> 
     <tr> 
      <td height="90" valign="top"> 
       <div style="text-align:left;height:260px;background-color:#f3f5f6;width:110%;"> 
      </td> 
      <td width="80"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td valign="top"> 
       <div> 
        <div style="padding-top:7px;padding-left:0px;text-align:center;background-color:#385870;width:695px;color:#FFFFFF;font-weight:bold;height:16px;">heading</div> 
        <div class="cs1"> 
         <iframe class="cs1" src="page1.php" name="frame2" /> 
        </div> 
       </div> 
      </td> 
      <td width="80"></td> 
      <td valign="top"> 
       <div> 
        <div style="padding-top:7px;padding-left:0px;text-align:center;background-color:#385870;width:695px;color:#FFFFFF;font-weight:bold;height:16px;">heading</div> 
        <div class="cs1"> 
         <iframe class="cs1" src="page2.php" name="frame1" /> 
        </div> 
       </div> 
      </td> 
     </tr> 
    </table> 
</div> 
+0

儘量避免使用iframe – hoang 2013-04-05 13:53:55

+0

然後在單頁中加載兩個不同頁面我們可以使用什麼 – 2013-04-05 13:55:16

回答

0
<iframe class="cs1" src="page1.php" name="frame2" /> 
               *** 

我敢肯定,你的問題就出在這裏代碼:瀏覽器不能識別自動關閉iframe標籤,所以他把後面的一切當不支持iframe時顯示「fallback-content」。

寫您的iframe元素形式

<iframe class="cs1" src="page1.php" name="frame2"></iframe> 

那麼它應該工作。