0

まず、SSCCEが不足していることをお詫び申し上げます。私はこの分野で何が関連していて何が関連していないかを理解するのに十分な専門知識を持っていません。

要するに、問題は、同じ解像度(1366x768)を実行している2つの異なるコンピューターで、ガールフレンドのtumblrテーマの上部の境界線(コンテンツの周囲)が一方の画面で約1〜3ピクセルずれていることです。ピクセル、パーセンテージ、emでの測定値を使用してみましたが、役に立ちませんでした。1つのシステムはUbuntu11.10でクロムを実行しており、もう1つのシステムはWindows 7でChromeを実行しています。現時点では、間違っているのはWindows7システムです。

画面に表示される内容は次のとおりです。

ミスアライメントの例

うまくいけば、それがどのように見えるべきかは明らかです。

重要なスニペットは次のとおりです。

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

マージン左ルールは、変更すると境界線の配置に影響を与えるルールであるため、特に注意を払いたいと思います。

最後に、関連する何かが他にある場合に備えて、ページ全体、マークアップ、およびすべてへのペーストビンリンクがあります:http: //pastebin.com/MfxYgv0C

4

1 に答える 1

0

ヘッダーとコンテンツにラッパー div を使用し、左マージンをラッパーに設定してみてください。

于 2012-07-30T16:52:09.300 に答える