2011-07-13 35 views
0

經過幾乎無處不在的搜索並驗證我的代碼幾次(並修復錯誤)之後,我很遺憾應該怎麼做。我開始在firefox中編程這個佈局,一切看起來都很完美,然後去檢查一下Chrome,確保它沒問題,並且看到Chrome把它搞砸了。如何修復Chrome和Firefox中的重大保證金問題編程?

該網站在這裏:http://semperfiwebdesign.com/slipstick/問題在於footer和footer_top類的邊距。

而且我寫下了頁腳邊距的代碼差異,它們很笨。以下是原件的CSS:

.footer_top { 
float: right; 
margin-right: -26px; 
margin-top: 69px;} 

.footerlinks { 
float: right; 
margin-right: 120px; } 

#text-14 { 
float: right; 
margin-right: -25px; 
text-align: center; 
margin-top: -69px; 

} 

它們以頁腳出現的順序運行。因此,footer_top是帶有頂部和底部邊框的框,頁腳鏈接是非工作鏈接的段落,最後#text-14是鏈接下的「廣告」圖片。我爲奇怪的類名稱道歉,但wordpress給了我很多。

現在看到上面這裏是我想通了使用Firebug在Chrome什麼鉻希望修正爲:

#text-14 { 
margin-top: -190px; } 

.footerlinks { 
margin-top: -279px; } 

.footer_top { 
margin-top: -422px;} 

顯然,這是一個有點荒唐,我不能將這些數字放到真正的樣式表沒有真正搞亂整個佈局。

我已經從字面上搜索了無處不在,我在我的智慧結束。我不知道該怎麼辦。我會張貼整個CSS,但因爲它是wordpress網站,所以它有點長。所以,如果您需要查看其他內容,請提問併發布。

謝謝 梅根

+0

嘗試添加明確:兩者;到頁腳? – Brent

+0

我剛剛嘗試過,並沒有奏效。我確實回去了,爲Firefox添加了正確的邊距,所以頁腳看上去「確定」,但在Chrome中很糟糕。非常感謝您的幫助。 –

回答

0

集的#container - >的位置是:相對的;

#primary { 
    background-color: #002E5B; 
    color: white; 
    /*float: left;*/ 
    height: 100%; 
    left: 0; 
    /*margin-left: -685px; 
    margin-top: -30px; 
    min-height: 2500px;*/ 
    position: absolute; 
    top: 0px; 
    width: 168px; 
} 

,並刪除所有引用在3C-C-fixed.css到#primary

希望這有助於