レイアウト、CSSテーブル、テーブルセル、脇の下の醜い隙間

Question

基本的なDreamweaver HTML5 3 col固定レイアウトで等高さの列を作成する際に問題があります。私はjQueryの等しい高さの列を使用して、すべてのページで列のbgの色を同じにしていましたが、自分のサイトで使用しているスクリプトやマニュアルの「非公開：style：height：xpx」という記事のため、表示：テーブル、display:table-cellメソッドを試してみてください。私は基本的なDreamweaver 5.5 HTML5テンプレートを使用しましたが、脇にある記事などの要素のためにdisplay:blockのプロパティを削除したことを除いて、すべてを同じにしました。私はコンテナdivを3つの列の周りに追加しました。さて、記事とは別に。

すべてがうまくいきます - バックグラウンドの色がブロックの終わりまで続くので、問題はありません。 13px。なぜこれが起こっているのか分かりません。

ファイルをhttp://www.primecuts.org.uk/test.htmlにアップロードしました。もし私が<nav>の部分を削除しても、bgcolorの違いは目立たないので、 "醜い"とは見えませんが、ギャップはまだあります。テキストの開始とブロック/ヘッダーの下部。どのような助けにも感謝します。私はこれを引き起こしているのか分かりません。

Answer 1

問題はギャップがパディングを削除すると、ギャップを取り除くという意味で、.content記事のパディングとは何かを持っており、パディングがの位置に影響を与えている

.sidebar1 { vertical-align:top; } 

によって固定することができます。同じ表の行の両方の表のセルであるためですが、これは少しばかげた説明であり、実際に関連する特定のCSS要件を特定することはできません。