フロントページで、ディレクトリ ビューを中央に配置したいと考えています (「Golfverzeichnis」という見出しのコンテンツ領域): LINK
中央に配置する CSS 要素の名前: jrDirView
問題の説明: 画像とその下にある左揃えのリンクは変更されませんが、現在は左揃えになっているディレクトリ ビュー領域全体が中央に配置されるため、左右の余白が等しくなります。
CSS jrDirView クラスに以下を追加します
.jrDirView{
margin: 0 auto;
width:1000px;
}
必要な値が見つかるまで幅を試すことができます。
ページを見ると、コンテンツ領域はすでに中央に配置されています。
これは、一番右の列に表示される画像の 1 つの下にたくさんのタグを付けることで証明できます。
問題は、コンテンツが中央に配置されていないことです。ユーザーには、ページが中央からずれているように見えます。
jrDirView の左マージンを任意に設定して、コンテンツが中央に表示されるようにすることで問題を微調整できますが、これは非常に堅牢なソリューションではありません。
より良い解決策は、テキスト領域を画像の既知の幅と (ほぼ) 同じ幅にしてから、jrListingThumbnail と jrContentDiv に左右のパディングを設定することです。