2009-10-02 82 views
1

IE6驅使我堅果。IE6表破壞分區

下面的HTML在除IE6以外的每個千年後瀏覽器都能正常工作。右邊的div滾動顯示錶格。在IE6中,表格突破了div的大小限制。

有些天才的請告訴我,我必須做什麼才能讓IE6尊重這個div的寬度並像一個好的瀏覽器一樣滾動?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    </head> 
    <body> 
     <div style="float:left;width:200px;">Leftist</div> 
     <div style="float:left;width:500px;"> 
      <div style="overflow-x:scroll;border:1px solid red;"> 
       <table width="1000px" border="1"> 
        <tr> 
         <td>1111111111111111111111111111111111111111111111111111111111111111111111111111</td> 
         <td>2222222222222222222222222222222222222222222222222222222222222222222222222222</td> 
         <td>3333333333333333333333333333333333333333333333333333333333333333333333333333</td> 
         <td>4444444444444444444444444444444444444444444444444444444444444444444444444444</td> 
        </tr> 
       </table> 
      </div> 
     </div> 
    </body> 
</html> 

回答

1

寬度添加到包含表的股利,即具有溢出-X股利:滾動式的屬性設置

+0

所有3個答案都是相同的,但是您的第一個答案相同。謝謝! – Damo 2009-10-03 13:09:46

3

改變內心的div風格是:

<div style="overflow-x:scroll;border:1px solid red;width:500px;"> 

注寬度規格。確保在同一元素上有overflowwidth屬性。

0

只需將寬度:100%添加到紅色的div。

<div style="overflow-x:scroll;border:1px solid red;width:100%;"> 
+1

嗯,通常得到一個js彈出窗口說有新的答案,所以我不遲於15分鐘發佈相同的答案。道歉。 – Delameko 2009-10-02 17:08:27