2010-09-22 67 views
0

我有一個移動網站,適用於我測試的每個瀏覽器。儘管在黑莓手機上,整個頁面似乎都是左對齊,而不是中心。黑莓移動版網站上的中心頁面

是否有一種特定的方式使其像所有其他東西一樣對齊中間?你能像IE一樣使用條件嗎?我是否需要定位身體標記?

現在它只是一個簡單的餘量:0 auto; - 任何幫助表示讚賞。謝謝。

+0

我不完全確定,這就是爲什麼我沒有投票結束,但你*可能*找到http://doctype.com更好的資源回答這個問題。 – 2010-09-22 02:03:55

+0

Doctype是:<!DOCTYPE html PUBLIC「 - // WAPFORUM // DTD XHTML Mobile 1.0 // EN」「http://www.wapforum.org/DTD/xhtml-mobile10.dtd」>這是我們通常使用的對於移動網站,我們以前從來不必擔心黑莓。 – Phill 2010-09-22 02:12:24

+0

什麼樣的黑莓呢?大多數模型默認不應用任何CSS。 – robertc 2010-11-03 21:52:12

回答

-1

試着將你想要的容器/內容放置在另一個元素中,並將text-align設置爲居中。例如。

< div style =「text-align:center; width:100%;」 > < div id =「myContent」style =「width:50%;」 > </DIV > </DIV >

1

我最初問同樣的事情,偶然發現了這個問題,於是我想出了一個解決方案(針對我的具體情況),我想我會分享。 (注意:我的網站在我的iPhone上的Safari中左對齊。)

我將網站分爲多個部分,其中一些設置爲最小寬度:1140px,其他設置爲960px。將左右邊距設置爲自動,所有內容都顯示在所有桌面瀏覽器上,正如他們應該的那樣。但是,那些較窄的部分在移動設備上是左對齊的,所以我簡單地用寬度爲100%,最小寬度:1140px(或最寬部分),margin:0 auto;和一切正常移動:)