0
我的私人網頁的主要內容在Firefox中並不奇怪。頁眉和頁腳欄均顯示，正文位於右側。偶爾，頁腳也移動到正文的上方。我猜這是涉及DIV定位的所有問題，我不知何故缺失。 [已解決]DIV標籤行爲奇怪
在Chrome中顯示的兩個DIV同樣高的DIV的高度也不同。在Safari中也會出現此問題，但方式不同。在Chrome或Firefox中查看時，徽標和導航欄之間不存在1 px的間隔。任何人都可以想出一種方法來重置所有的瀏覽器默認設置，以防止將來發生類似的事情嗎？
該網站目前還沒有在線，我正在調試它的最終版本。 （我真的不想在目前的情況下發布它，因爲它會挫敗任何不使用webkit瀏覽器的人）。
另外，作爲一個附註，任何人都知道如何修復CSS錯誤，進入Internet Explorer 9？導航欄中的漸變已消失，某些區域缺少背景色，並且所有圖片鏈接周圍都有令人討厭的框。
編輯：我看到在網上的CSS漸變發生器，我需要做什麼使漸變工作在IE9。背景問題顯然源於同一個來源。
另外，是否有人在Opera中遇到最新調試版http://jsbin.com/ipixay/1的問題？ （這個的信貸去Sunyatasattva。）
小提琴的鏈接（代碼發佈在）是：http://jsfiddle.net/aaQSD/7/請原諒我的CSS仍然存在的數量，但我不知道哪些原因Internet Explorer 9的問題。
我最好的猜測是，Firefox的問題在於某處CSS的這一部分：
body {
margin: 0;
padding: 0;
text-align: center;
font-family: Times;
background: #efefef url(pics/background.png) repeat top center;
}
#container {
overflow:auto;
width: 95%;
min-height: 100%;
min-width: 946px;
margin: 0 auto 10px auto;
}
#content-wrapper {
width: 100%;
float: right;
text-align: left;
margin: 10px 0 0 0;
}
#content-inner {
padding: 0 15px 0 15px;
}
.center-slide {
font: normal 62.5%/1.5 Times;
letter-spacing: 0;
width: 900px;
height: 485px;
position: relative;
padding: 20px 0 0 0;
margin: 0 auto 0 auto;
background-color: #FFFFFF;
border-radius: 8px;
}
.boxes {
margin: 0 auto 0 auto;
width: 900px;
}
.left-box {
float: left;
background-color: #FFFFFF;
border-radius: 8px;
margin: 10px 5px 0 0;
padding: 20px;
width: 500px;
position: relative;
}
.logo {
width: 26%;
text-align: center;
float: left;
font-family: Times;
font-size: 65px;
font-weight: bold;
color: #FFFFFF;
padding: 10px 0 0 0;
background-image: -moz-linear-gradient(0% 22px 90deg, #0B3474, #517ABA);
background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#517ABA), to(#0B3474));
}
header {
width: 100%;
min-width: 863px;
background-color: #000047;
float: left;
padding: 10px;
color: #FFFFFF;
text-align: left;
font-size: 20px;
overflow: hidden;
margin: 0 0 10px 0;
}
nav {
background-color: #6a6a6a;
font: 16px Times;
min-width: 700px;
float: right;
width: 74%;
}
footer {
font-family: Times;
text-align: center;
background-color: #000047;
color: #FFFFFF;
text-align: center;
padding: 10px 0;
width: 100%;
min-width: 863px;
}
這裏是已經固定的事情的清單：圍繞圖片
- 不需要盒/邊界
- Firefox的顯示問題
- 出問題頁腳
編輯：我目前正在努力製作最小代碼的小提琴，以便像評論中所建議的那樣複製問題。我希望你能原諒我的錯誤。謝謝，到目前爲止已經回覆的所有人！
編輯2：小提琴出來了！我已經刪除了潘多拉盒子以前的代碼。
是你的網站直播，所以我們可以看看？ – trajce
會更容易包括一個小提琴/ codepen :) –
只是添加，這裏是一個[小提琴鏈接]（http://jsfiddle.net/） – trajce