2012-07-19 303 views
0

下面給出的代碼在mozilla和Internet Explorer中不起作用,但正確使用谷歌瀏覽器。我已經在wordpress網站首頁的索引模板中使用了代碼。爲什麼Div標籤在Mozilla和IE中不起作用?

代碼:

<h1> 
    <div style=" background: #808080;" align="center" > 
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach! 
    </div> 
</h1> 

請讓我知道是什麼問題?

+0

什麼不工作?背景顏色還是對齊? – diEcho 2012-07-19 02:36:38

+0

背景和對齊方式不起作用 – user1391873 2012-07-19 02:37:47

回答

2

<div><h1>內部無效。而不僅僅是應用必要的屬性頭:

<h1 style="background: #808080; text-align: center;">Welcome to...</h1> 
+1

使用'背景顏色:#808080;' – diEcho 2012-07-19 02:38:40

+1

'背景'工作得很好,它覆蓋了任何其他背景屬性,如果它們設置爲 – 2012-07-19 02:39:40

+0

謝謝。 – user1391873 2012-07-19 02:56:48

0

股利和H1所有的塊級元素,不必要的附加H1外到div,那麼試試這個:

<div style="display:block; background: #808080;text-align:center;"> 
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach! 
</div> 
0

工作正常,我在Firefox 。以前的答案是正確的。 h1必須在div內(對於seo,每頁應該只有一個h1)。在div上執行text-align:center,在div上執行margin: 0 auto以將div對中。如果你想在h1左邊的文字裏面放一個text-align: left在h1上。我會阻止內聯樣式。

<div style="background: #808080; text-align: center; margin: 0 auto;" > 
    <h1>Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!</h1> 
</div> 
相關問題