2010-06-27 60 views
3

這是我的網頁不IE8中工作,但在FF 3.6.4工程和Opera 9.63: -最小寬度,最大寬度,寬度。在IE8沒有工作在身的標籤

<html> 
    <head> 
     <style type="text/css"> 


      body{ 
       max-width:10002px; 
       min-width:3072px; 
       width:10002px; 
       margin:0px auto; 
       background:#293231; 
       height:100%; 
       padding:0px; 
      } 


     </style> 
    </head> 
    <body > 


    </body> 
</html> 

沒有滾動條顯示在頁面的底部IE8

+0

你使用的是什麼'doctype'? – Oded 2010-06-27 07:31:49

+0

沒有文檔類型。這只是我在記事本中創建的一個測試頁面,並將其保存爲.html – TCM 2010-06-27 07:32:42

+4

然後_add_一個適當的文檔類型。 IE8使用doctype進行渲染,如果沒有文檔類型,它可能會進入怪癖模式。 – Oded 2010-06-27 07:35:06

回答

6

您應該添加doctype聲明到您的網頁 - 這將確保大多數瀏覽器儘可能緊密的行爲儘可能以相同的方式。至少它會消除一類可能的問題。

大多數時候,當涉及到滾動條時,就會出現只有當內容更寬/更高然後在客戶端顯示面積,無論CSS規則。

5

如果您打算設置width值,那麼設置max-widthmin-width毫無意義,這會導致它們被忽略。在您的示例中,min-width將永遠不會使用,因爲您已將width設置爲更大的值。同樣,max-width在這裏是不必要的,因爲width已被設置爲相同的值。

這將是更適當的使用的三個:

div.yourdiv { 
    max-width: 300px; 
    min-width: 100px; 
    width: 50%; 
} 

div將含有它的元件的寬度的50%,但在寬度不會超過300像素或在寬度低於100像素。