私たちの組織は、新しいテンプレート (gk_league_news) の使用を含め、Joomla 2.5 を使用して Web サイトをオーバーホールしています。
一部の要素の間にどれだけの空白があるかが気に入らないので、ここでそれを変更しました: ([ ] は私のコードを示します)
/* Columns */
aside#gkLeft,aside#gkInset1,section#gkContent,section#gkComponentWrap,aside#gkInset2,aside#gkRight,#gkBanner1,#gkBanner2 {
/* Main columns */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
[
#gkBanner1 {
padding-top: 30px;
}
#gkBanner2 {
padding-top: 27px;
padding-left: 60px;
}]
そしてここ
/* base spaces */
body > footer,body > header,body > section,section#gkPage > section,section#gkContent > section,section#gkComponentWrap > section
/* top margins for containers */
[section#gkPage {
margin-top: -23px;
}]
Chrome、Safari、および (驚くべきことに) IE9 はすべてこのコードで問題ありませんが、Firefox (15.0) は表示内容をまったく変更しません。強制的に更新 (ctrl+F5) し、キャッシュをクリアし、コンピューターと Wi-Fi スポットを変更しましたが、css/layout.css に加えられた変更は読み取られず、テンプレートはまったく同じに見えます。
特に Firefox をつまずかせているものはありますか? それとも、修正が必要な他のブラウザーの穴をすり抜けてしまうエラーですか? これは、この問題に取り組んでいる私にとって 2 日目です。
前もって感謝します。
更新すると、この 1 つのインスタンスでスペーシングが認識されないだけです。今日行われた変更は Firefox で機能しますが、昨日変更されたスペーシングはまだ機能していません。
これは次のようになります: http://screencast.com/t/SSjQ8DwLNvk これは次のようになります: http://screencast.com/t/X1Or7igQu5Fn