2011-07-18 72 views
0

我試圖解決的問題只能用IE8,IE或Firefox等沒有任何其他版本問題與IE8:p元素有一個填充/餘量不會消失!

編輯我的問題的一個例子可以在這裏看到http://kazcare.com/kamaleiexample/learningEnvironment.html

段落元素必須做在頂部的邊緣或填充不會消失。請不要說使用內聯的CSS,因爲我已經試過&它不會改變它。

你看,如果我這樣做

<p class="subHeading" style="margin: 0; padding: 0;">Our Philosophy</p> 

上邊距/填充只顯示在IE8時SHD沒有了。注意:p元素嵌套在pageBoxContent類的元素中,該元素確實設置了margin-top。

我的CSS:

.pageBoxContent p { font-family:Calibri, "Myriad Pro", Serif; margin: 0; margin-top: 10px; } 
.subHeading { color: #6D4F9B; font-weight: bold; padding-bottom: 0px; margin-bottom: 10px; margin-top: 0; } 
+4

告訴我們這jsFiddle.net –

+0

的問題顯然是通過在頁面中的對象的情況下造成的,所以沒有辦法對我們沒有幫助你分享這方面。創建顯示問題的最小部分HTML/CSS,並將其放入jsFiddle,以便我們可以看到問題。 – jfriend00

+0

@thirtydot - 你對他的賬戶有什麼意見? – tw16

回答

2

在代碼的網站,你已經寫<b class="subheading">沒有<p class="subheading">。嘗試用p替換b

額外的邊距問題實際上是您用作容器頂部的圖像。位於.mainPageBox及以上.pageBoxContent。子標題上方的空白區域實際上是圖像的一部分。

<img alt="" src="images/pageBoxTop.png" style="margin: 0; padding: 0;" class="pageBoxTop"> 
+0

我只是相信你是對的,給你一個+1。 – thirtydot