經過幾乎無處不在的搜索並驗證我的代碼幾次(並修復錯誤)之後,我很遺憾應該怎麼做。我開始在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網站,所以它有點長。所以,如果您需要查看其他內容,請提問併發布。
謝謝 梅根
嘗試添加明確:兩者;到頁腳? – Brent
我剛剛嘗試過,並沒有奏效。我確實回去了,爲Firefox添加了正確的邊距,所以頁腳看上去「確定」,但在Chrome中很糟糕。非常感謝您的幫助。 –