Joomla 3 と Gantry フレームワークを使用してサイトを作成しています。サイトの css をいじっているときに、フッターの配置を台無しにしてしまったことに気付きました。ページの下部に表示されなくなり、最後のモジュールの下に固定されます。
誰が何が間違っているのかヒントを教えてもらえますか?
サイトは次のとおりです。 http://solstack.infinito.se/homepage
Joomla 3 と Gantry フレームワークを使用してサイトを作成しています。サイトの css をいじっているときに、フッターの配置を台無しにしてしまったことに気付きました。ページの下部に表示されなくなり、最後のモジュールの下に固定されます。
誰が何が間違っているのかヒントを教えてもらえますか?
サイトは次のとおりです。 http://solstack.infinito.se/homepage
これは、gantry-custom.css の問題のあるスタイルです。
div.rt-grid-6 {
height: 166px;
}
代わりにこれが必要なようです:
#rt-header div.rt-grid-6 {...
一般に、このような一般的な方法でスタイルをオーバーライドすることはお勧めできません。代わりにサイズとスタイルを強制する必要がある場合は、特定の要素にクラスまたは ID を配置するか、私が行ったように既存の ID を探します。そのために、モジュール クラスのサフィックス フィールドをよく使用します。
アップデート:
プライマリ テンプレート要素の高さを強制するのではなく、その中にあるものを修正できます。段落ではなく div を使用して、スタイリングなしで同じことを達成できるように見えます。div には下マージンがありません。
<div>
<a title="Hem" target="_self" href="http://solstack.infinito.se/">
<img alt="" src="/images/logotyp_400_trans.png">
</a>
</div>