css - Tumblr 主题 css 拼图

Question

首先，让我为缺少 SSCCE 表示歉意。我在这方面真的没有足够的专业知识来弄清楚什么是相关的，什么不是。

简而言之，问题是在两台运行相同分辨率 (1366x768) 的不同计算机上，我女朋友的 tumblr 主题的顶部边框(内容周围)在一个或另一个屏幕上偏移了大约 1-3 个像素。我们尝试过使用像素、百分比和 em 进行测量，但无济于事。一个系统在 Ubuntu 11.10 上运行 chromium，另一个在 Windows 7 上运行 Chrome。目前，是 Windows 7 系统出错。

这是它在我的屏幕上的样子:

希望它应该是什么样子是显而易见的。

这是重要的片段:

#header {
width: 650px;
height: 10px;
background: url('http://24.media.tumblr.com/tumblr_m7nz4c8UrU1rnrxu1o1_1280.png') no-repeat;
margin-left: 34.40em;
margin-top: 30px;
}

我想特别注意 margin-left 规则，因为该规则如果更改，会影响边框的对齐方式。

最后，这是一个指向整个页面、标记和所有内容的 pastebin 链接，以防有其他相关内容: http://pastebin.com/MfxYgv0C

Answer 1

尝试对页眉和内容使用 wrapper div，并将左边距设置为 wrapper。