因特網瀏覽器問題

我爲阿姨的公司創建了我的第一個網站，並且在所有瀏覽器中，除IE外，它都顯示正常。因特網瀏覽器問題

標地址是http://almazini.96.lt

HTML結構是：

所有的div對齊

<body> 
<div id="wrapper"> 
<div id="page1"></div1> 
<div id="page2"></div2> 
</div> 
</body>

問題到左，而不是在屏幕的中心之中。

我發現了一些關於封裝器的CSS屬性text-align：center的建議，但它對我不起作用。

現在看起來：

body { 
    background: #f8f8f8 url(../images/bg.png); 
    border-top: 3px solid #7e7e7e; 
    margin: 0; 

} 

#wrapper { 
    position: absolute; 
    left:0; 
    right:0; 
    top: 58px; 
    max-width: 960px; 
    margin: auto; 
    text-align: center; 

} 


#page1 { 
    float:left; 
    left:0; 
    right:0; 
    width: 960px; 
    height: 700px; 
    margin: auto; 
}

你能不能幫我解決這個問題？非常感謝。

另外在IE中聯繫php表單顯示不正確。邊框是交叉文本輸入表單。

謝謝。

來源

2013-12-08 Almazini

我很抱歉地說，歡迎來到IE-hell。 – span

感謝樂觀的隊友！ – Almazini

嗨，請查看[我的網站或項目中的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackexchange.com/q/125997）謝謝！ –

您的#wrapper的CSS規則不正確。如果要在視口中居中放置固定寬度的網站，則不應使用絕對定位。相反，您應該設置寬度並使用margin auto。你在那裏一半。

我改變了CSS，它可以在任何地方使用。

#wrapper { 
    max-width: 960px; 
    margin: 60px auto; 
    text-align: center; 
}

這可能是關於其他瀏覽器沒有正確實現規範的更多信息。使用絕對定位將左側和右側設置爲0意味着包裝被拉伸以適應整個視口寬度，而不是最大長度：960規則。絕對定位優先於那裏。由於你的內部視圖是左移的，它們都保持對齊。所以IE實際上是正確的。

對於您的聯繫表單，您的CSS中的字段集寬度設置爲200px，不像實際的表單內容那麼寬。從#contactus字段集規則中刪除寬度，您將可以輕鬆前往。 Chrome再次沒有正確地做事。您設置字段集的寬度，但不符合您的規則。如果您添加了一個溢出：隱藏到fieldset規則中，您的表單將剛好夾在右側。

來源

2013-12-08 22:38:41

謝謝@Chris！你幫了太多忙！ – Almazini

不客氣。順便說一句，當使用IE或任何瀏覽器時，您可以打開F12工具並檢查標記以及CSS規則如何應用於它們。您可以編輯F12工具中的規則並查看它們如何影響您的佈局，這非常方便。 –

因特網瀏覽器問題

回答

相關問題