爲什麼此頁面在Internet Explorer中無法正確顯示？

看一看這個頁面： http://labs.pieterdedecker.be/hetoog/layout.htm 爲什麼此頁面在Internet Explorer中無法正確顯示？

它看起來在Firefox還好，但IE瀏覽器食堂起來。怎麼來的？

2009-12-05 Pieter

看它現在 – 2009-12-05 11:42:10

可以請你說的究竟是什麼問題？我使用IE8，它似乎很好。它是否適合瀏覽器窗口？ – 2009-12-05 11:43:13

你可以發佈它應該是什麼樣子的截圖嗎？在這裏似乎很好（在Chrome 4，Opera 10和IE 8上測試） – 2009-12-05 11:45:32

你的佈局有點有趣。而不是使用頁面兩側的空表格單元格的，你可以採取的，並在使用

body { 
    width: 750px; 
    margin: 0 auto; 
}

實現定中和你的HTML可能是這樣的：

<body>  
    <table> 
     <tr> 
      <td class="splash_desc">...</td> 
      <td class="splash_photo">...</td> 
     </tr> 
     ...

用這種方法IE不會佔用比其他瀏覽器更多的空間，並且很適合750像素寬的容器。

編輯：

要水平得到了標題欄拉伸100％，你必須使另一個DIV的內容。因此，而不是用身體元素設置寬度，使用這樣的：

<body> 
    <table id="header"><tr>...</tr></table> 
    <div id="wrapper">  
     <table> 
      <tr> 
       <td class="splash_desc">...</td> 
       <td class="splash_photo">...</td> 
      </tr> 
      ...

而且在CSS：

#wrapper { 
    width: 750px; 
    margin: 0 auto; 
}

這種方式，您可以有上述包裝的表是寬100％（就如此），包裝本身寬度爲750px。

來源

2009-12-05 11:45:06

這可以工作，但它會毀掉即將導航的導航欄（位於頁面頂部）。我怎樣才能確保它水平伸展100％？ – Pieter 2009-12-05 11:55:30

問題是

在IE6.0 <td> </td>不會支持。

爲<td width="20%"> </td>

指定寬度和PNG圖像在IE6不支持。

從http://www.twinhelix.com/css/iepngfix/

文件下載：iepngfix.zip（40KB）會解決這個問題

來源

2009-12-05 11:49:02 sathish

爲什麼此頁面在Internet Explorer中無法正確顯示？

回答

相關問題