Contaoのスタイルシートの管理方法

アクセスしやすいウェブサイトはCSSを使用して常にレイアウトすべきで、これがContaoがバックエンドで書式定義を管理するスタイルシートのモジュールを含めている理由です。様々なContaoの要素を参照するには、それらのclass名を知っておく必要があります。コンテント要素のクラスは(例えば、ce_textといった)ce_で始まり、モジュールのクラスは(例えば、mod_searchといった)mod_で始まります。不明な場合は、単にページのソースを見てください。

Contaoのスタイルシートの管理

それぞれのスタイルシートは、1つ以上のメディアタイプとInternet Exploreの両方またはどちらかに限定でき、IEの多数のバグの1つを修正しなければならない場合に対応できます。書式定義の順序に注意してください、後の定義が前の書式定義を上書きするからです。

/* 一般的な値を最初に設定 */
.mod_search {
    margin:24px;
}

/* それからIE7用の値で上書き */
*:first-child+html .mod_search {
    margin:18px;
}

順序を逆にすると、一般的な値がIEに特定のマージンで上書きされるでしょう。

コメントの追加

Roman氏によるコメント |2009年11月1日

やぁ、IE7をフィルターするには、ただ単に*+htmlハックを使用できます。