2012-01-23 4 views
2

あるべきより1つの少ない画素としてパディングを計算します。クロームはそれが私がこのCSSでページの一部の要素を持っている

padding-top: 15px; 

しかし著しく一つの画素をオフされ、Chromeで間違って表示されます。

padding-top: 14px; 

同じことが、このCSSでページ上の他の要素のために行く:

padding: 4px; 

Chromeはそのとを計算かかり案の定、Chromeの要素インスペクタの計算されたスタイル]セクションで、この要素は次のように計算されますこの:それはその容器の全縦方向のスペースとBOで目立ち、醜いギャップを有する、そのメニューを埋めるメニューの違いだと

padding-bottom: 3px; 
padding-left: 3px; 
padding-right: 3px; 
padding-top: 3px; 

これは重要ですttom。

私は本当になぜこれが起こっているのか迷っています。これは、Firefox、Opera、Safari、またはInternet Explorerでさえ発生しません。ちょうどクロム。

+0

私たちが見るための実例がありますか?私はこれを再現することができません – Ktash

+0

http://wearethelayabouts.com/ - これは、このページで "特集記事" JavaScriptのスクロールです。右側の5つのリンクは、パディングトップ15pxと14pxで表示する必要があり、その結果、下部に5pxのギャップが生じます。各リンクを説明する画像上のオーバーレイは、左右に2ピクセルのギャップがあります(4ピクセルのパディングではなく、すべてのサイドに3ピクセルのパディングが表示されます)。 – Hinchy

+0

記載されている効果はありません。キャッシュをクリアしてから、ページをリロードしてみてください。 – Ktash

答えて

0

それは上のあなたが持っている2倍の2ピクセル固体の境界線の描画とは何かを持っているかもしれません:私は、問題は、それらの境界を脱いではなく、あるまさに上の不明確だ、すべてが内の流体に見える

#carousel-content .slide 

クロム?

+0

私は回避策として罫線を置くだけです。 – Hinchy

関連する問題