2010-09-22 68 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;和一切正常移动:)