2012-10-15 65 views
-1

在iPhone上,divs masterhead,middleline,middle,bottomline,bottom,colophonline和colophon没有一直到达右侧。但他们在桌面上。我想知道为什么。我试图将负利润率应用于div,但没有改变任何事情。不幸的是我没有在iPad上试过。Div只有在iphone上有右边缘

网站: http://www.domda.se

+0

演示很棒,但是一旦你解决了这个问题,这个问题对其他人就没用了。请构建问题,以便它可以继续存在并继续对他人有用。即 - 包括相关的代码。 – Sparky

+0

您是否尝试过使用视口元标记? – circusdei

+0

首先,修复你的[html验证错误](http://validator.w3.org/check?uri=http%3A%2F%2Fdomda.se%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)。其次,我在桌面版的Safari中看到右边距,无论窗口有多宽,都会产生水平滚动条。解决这个问题,我会打赌你原来的问题消失。 – Sparky

回答

2

你有一对夫妇的严重HTML errors。杂乱的标签可能会影响你的布局,而且浏览器之间的差异会很明显,

其次,我在我的桌面版Safari中看到右侧空白(边距或填充?)。这个空间导致了一个永久的水平滚动条。无论我制作窗口有多宽,一直到1900+像素,滚动条都会保留。

当我从位于style.css文件中的#colophon元素中删除padding-right: 10px;时,右侧间距问题消失,令人讨厌的滚动条也消失。

当我在iOS上拉起你的网站时,我看到你的问题,我相信它是由#colophon上的右侧填充引起的。

我不确定目的是什么,但我认为你可以放心地删除这个padding-right: 10px;而不会损害。虽然,您需要清除HTML验证错误并在所有浏览器中测试以确保无误。