コンテナの高さが異なる

Question

私のウェブサイトには複数のページがあり、コンテンツが配置されているコンテナの高さはそれぞれ異なります。いくつかのページはそれほど大きくないので、私は最小の高さに設定して、私はそれらが非常に短いことを望んでいません。しかし今、他のページもその分の高さで止まります。私はちょうどコンテナがコードが必要とする長さであるが、例えば、 650pxそれはJoomlaの中なので

#container { margin: 0 auto; padding: 0 0 20px 0; text-align: left; width: 1024px; min-height: 650px; overflow: hidden; background-color: rgba(255, 255, 255, 0.92);} 

が、私はすべてのページのための一般的なコードを持っていませんが、ページが、このように構築されています：

<div id="container> <div id="content"> </div></div> 

これはJoomlaので構築される前に、ここでは、コードです私はちょうどHTMLに何の問題もなかった。それらはすべて「template.css」にリンクされています。ここで

は、ウェブサイトへのリンクです、多分それがお手伝いします：あなたが見ることができるように

http://www.joomla.sklebekeaalst.be/kalender

、カレンダーを短くカットし、長くする必要があります。

Answer 1

問題は、高さではなく最小高さだけを設定することです。 min-heightが高さなしに設定されている場合、高さはautoに計算され、含まれる要素と配置に応じて本当に奇妙なことが起きる可能性があります。さらに、自動高さが最小高さよりも小さい場合、最小高さが常にレンダリングされます。要素と包含divの両方に高さのプロパティー（height: 100% ;など）を設定して、問題を解決する可能性があります。ただ表示を追加し、同じ高さを持つ兄弟要素を持っている

Answer 2

：これらの兄弟要素

Answer 3

の親コンテナのCSSに曲がり、私はちょうど記事内のコンテンツのdiv要素を作成して、フロートを置くために必要な：上の左それ。今はすべて大丈夫です。