爲什麼邊距設置在我的網站上無法正常工作？

所有的這個網站，我的工作就無法正常顯示，他們是彼此重疊的主頁的主體部分中的內容頁邊距設置。這一直導致我煩躁的負擔，我無法弄清楚什麼是錯的。請看看你能否幫助我。爲什麼邊距設置在我的網站上無法正常工作？

再次，有主體內的3個部分，他們都展示了錯了！

這裏是我的網站：

http://studentweb.eku.edu/alamaldean_alami/d+m/index.html

的第一個問題是，從第一部分（歷史）到第二（按鈕）存在的20像素，除了我有保證金額外的差距爲什麼有一個隨機差距（螢火蟲和谷歌的'檢查元素'都沒有顯示任何東西，只是一個隨機的額外空間）。

的第二個問題是，「按鈕」部應該有它和「內容區域」部分之間的20像素的餘量，因爲「內容的區域」被設置爲具有20像素的一個餘量。

的最後一個問題是，「內容區域」部分和頁腳之間的底部邊緣應該是一個總的40像素，因爲兩者的那些每個都具有20像素的一個餘量。

enter image description here

來源

2012-03-08 person0

這太陰道了UE。您需要更詳細地解釋，或者包含屏幕截圖並將問題標記爲紅色。 – approxiblue 2012-03-08 02:42:52

那裏我添加了一個屏幕截圖，對我的問題進行了視覺解釋。 – person0 2012-03-08 02:52:36

親愛的你到底想要什麼？你混淆了一點....通過看到你的屏幕截圖我感到困惑，請你詳細解釋..請。刪除位置：相對正確。 – w3uiguru 2012-03-08 03:25:03

下面的CSS從.buttons班線194米的style.css

position:relative;

刪除添加這個CSS上home.css線3

.history { 
    background: none repeat scroll 0 0 transparent; 
    margin: 20px 20px 0; 
    padding: 10px; 
}

添加此上的style.css升INE 108

.footer { 
    padding: 20px 20px 10px; 
}

的style.css線102

.content-area { 
    background: url("..//images/transbackc.png") repeat scroll 0 0 transparent; 
    margin: 20px 10px; 
    padding: 10px 0; 
}

home.css線38

.services div { 
    border-right: 1px solid white; 
    float: left; 
    margin-left: 10px; 
    margin-right: 10px; 
    min-height: 250px; 
    padding: 9px; 
    text-align: center; 
    width: 400px; 
}

的最終輸出上述CSS見下文圖像：

enter image description here

來源

2012-03-08 03:36:22 w3uiguru

OMG謝謝，問題在於我有衝突的CSS類'.buttons'我忘記了styles.css中的那些表單在不同的頁面上。非常感謝您向我指出這一點，即使您可能沒有意識到這就是您做的哈哈，我改變了它的類名並修復了問題:-) – person0 2012-03-08 03:43:59

從.buttons類中刪除position: relative

來源

2012-03-08 03:04:46 Jay

剛剛嘗試過，它不起作用，謝謝至少嘗試。 – person0 2012-03-08 03:09:21

你是否從.buttons類或.button類中刪除它？我剛剛訪問您的網站，並使用開發人員工具將它從**。buttons **類中刪除，並修復了問題。 – keithwyland 2012-03-08 03:23:58

看看這個http://jsfiddle.net/mXHBd/ – Jay 2012-03-08 03:25:04

爲什麼邊距設置在我的網站上無法正常工作？

回答

相關問題