Tumblr主题css拼图

时间:2012-07-30 16:36:29

标签: css tumblr

首先,让我为缺乏SSCCE道歉。我在这方面没有足够的专业知识来弄清楚什么是相关的,什么不是。

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

以下是我在屏幕上的样子:

Example of misalignment

希望它看起来很明显。

以下是重要的片段:

#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;
}

我想特别注意左边距规则,因为这是一个规则,如果更改,会影响边框的对齐。

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

1 个答案:

答案 0 :(得分:0)

尝试使用包装器div作为标头和内容,并将左边距设置为包装器。