2013-01-10 32 views
0

頁面的設計應該是這樣的:如何解決這個佈局設計 - 由於css衝突導致的錯誤?

http://www.ski.kommune.no/Skoler/Finstad/

另一個CSS文件中加載該頁面,使CSS標籤的一些不需要的屬性,這使得設計不良,例如藍色字段中的文本被移動。 http://www.ski.kommune.no/Skoler/Finstad/Praktisk-informasjon/Test-av-bildegalleri/

哪個css標籤正在創建上述示例中的設計問題?我看着螢火蟲,但我找不到。 恢復設計的最佳方法是什麼?

+1

請不要要求用戶對外部站點進行反向工程。請將相關代碼作爲您的問題的一部分發布。 –

+0

好的。我會盡力更新。 –

回答

0

問題來自主水平菜單中的第5項。
那裏的清單項目有一個class="calendar"
根據瀏覽器開發者工具類:

.skole .calendar, .skole .news-list { 
overflow: hidden; 
margin-bottom: 20px; 
} 

有保證金底部的問題。 來解決問題:
最好的辦法是分開2個類,並從日曆類中刪除margin-bottom。
建議一句話:
試着學習如何使用不同的瀏覽器開發工具。
在我看來,最好的是鉻和螢火蟲。
玩得開心!

+0

感謝您的回覆和建議! 我添加此修復程序到CSS: li.calendar \t \t { \t下邊距\t UL#菜單:自動重要; \t} –