0

我做了一个网站(现在它看起来很糟糕,因为所有的颜色都很糟糕,但这些只是为了让我看看我的 div 在这个定位的体育场中的位置),它的布局非常基本,可以在这里找到。

现在我的问题是,当我在学校并在 Windows 机器上使用 chrome 访问我的网站时,它看起来很好。div#side旁边是,但是当div#content我在家中访问我现在所在的网站时,在使用 Chrome 的 Mac 机器上,div 开始移动......我第一次加载页面时看起来不错。我第二次加载页面时,它向下移动了 的高度div#content,但仍然在页面的右侧。并且每次页面加载都会改变,它在 2、4、6、8 等时间出现。

在 Camino 上(仍在 mac 机器上)它每次都掉到那里,它没有移动......

在 safari 上,它的行为完全符合我的要求,图片在这里找到。这是一张.tiff图片,希望大家能看到...

现在的问题是:如何跨浏览器获取图像中显示的页面?

PS
图像中的字体只是我玩 safari 偏好并更改默认字体的结果。

4

1 回答 1

0

你的侧边栏是 25% 宽度,你的内容是 75%。那么你.vr是 1px,所以你的总宽度是 100% + 1。侧边栏(最后一个元素)不适合剩下的宽度(它太大了 1px)。

有很多方法可以解决这个问题。尝试稍微改变宽度或稍微不同地处理 vr。您可以使用此处描述的人造列方法:http ://www.alistapart.com/articles/fauxcolumns/

于 2012-05-24T16:23:48.190 回答