某些分辨率的網頁佈局中的線條

我對創建的佈局有問題 - 問題是在某些分辨率下（或者如果放大），您可以看到div框的輪廓線在哪裏。某些分辨率的網頁佈局中的線條

下面是它應該是這樣的： expected behaviour

這裏是什麼樣子，在某些分辨率（或放大）：

observed behaviour

如果你需要看的網站，它的here，雖然顯然尚未完成。您可能立即根據您的分辨率看到問題，如果不是，您可以放大或更改顯示器分辨率。

我會想象這是一個簡單的解決方案的常見問題。謝謝你的幫助！

2011-09-13 finec

你使用什麼瀏覽器？在Firefox 6中，它們在任何縮放級別都不可見。它可能只是該瀏覽器呈現頁面的問題。 –

@ Jake223：如果我放大Chrome，我可以看到線條（但如果我不縮放）。 – icktoofay

有趣的，只是在Firefox中測試，你是對的。我已經在Chromes和IE中測試了該頁面，以及我的惠普觸摸板和Android手機上的瀏覽器（在很小的屏幕上你幾乎看不到它們），但是它出現在我測試過的每個瀏覽器上，除了Firefox將顯示這些行。 – finec

如果您將#righthand更改爲float:left，則右側的垂直線會消失。

#righthand { 
    width: 368px; 
    height: 373px; 
    background: url("../img/right.png"); 
    float: right; // CHANGE TO LEFT 
}

如果你改變你的#tp到height:248px，其他水平線消失。

#tp { 
    width: 1024px; 
    height: 249px; //CHANGE TO 248px 
}

2011-09-13 02:23:01

我沒有足夠的時間在現場看它取下來之前，但我認爲這可能是因爲設置

背景簡單：透明的網址（IMGSRC）不重複左上角;

css背景圖像的簡寫將鎖定在現場。除此之外，我會確保你有

margin：0; 填充：0;

這樣就可以指定確切的寬度，並確保所做的切割完成到網格，以便在切片圖像時具有精確的寬度。

2011-09-13 02:35:50 CBRRacer

我會看看這個，謝謝:) – finec

回答