いぶろぐ part2

日々創作




TVの壁掛け工事

こちらのテンプレート(JUGEM用)はフリーダウンロードできるようになっています。
お使いになりたいからはこちらからどうぞ。 テンプレート[Rooms YouTube対応版]
テレビ無しのシンプルバージョンはこちら。 テンプレート[Rooms]
また感想やご意見、改訂版の確認などはこちらの記事へ。 [Rooms]シリーズサポート

一定期間更新がないため広告を表示しています



  • Category > -
  • Written by > スポンサードリンク

本日も仕事合間にテンプレートの質を上げるべくせっせと私事をしていたそんなとき!
IEでは綺麗に表示されるのだけれど、FireFoxでは全然CSSが適用されてない!という事態に。

背景画像が表示されなかったというのは今まで2回あって、前回のははっきりとした原因がわからなかったものの、今回のはばっちりわかった。
ということで備忘録として記しておく。

今回追記したのは次のコード

.LatestEntries h2,
.Categories h2,
.Archives h2,
.RecentComments h2,
.RecentTrackbacks h2,
.Links h2,{
display : block;
width : 220px;
height : 31px;
background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/TitleBar220x31.jpg);
background-position : 0px 0px;
background-repeat : no-repeat;
text-align : center;
margin-left : auto;
margin-right : auto;
padding-top : 2px;
}


これがmoziraには全く読み込まれなかった。
色々と格闘の末発見したのはカンマ

CSSの記述の際には、同時にいくつかのタグやクラスなどをまとめてスタイル定義する際に、カンマでくぎって記述していく。
僕は当初、今回のコードの適応先を次のように記述していた。
.LatestEntries h2 .BoxTitle,
.Categories h2 .BoxTitle,
.Archives h2 .BoxTitle,
.RecentComments h2 .BoxTitle,
.RecentTrackbacks h2 .BoxTitle,
.Links h2 .BoxTitle,{


めちゃ長い・・・。

もちろん面倒くさがりやの僕は、重複する部分はすべてコピペ。
そのときに最後のカンマまでコピペしてしまっていたみたい。
ようするに、スタイルを記述し始めるの手前にまでカンマをコピペしてしまっていた。
けれど、これは間違い。
IEでは認識してくれたものの、mozilaではこのスタイルを丸ごと認識してくれなかった。
mozila以外に適用させるハックとしても使えそうだけれど、古いブラウザやネスケでは確認してないので、今回のことは気をつけなければいけないケアレスミスとして備忘録に記しておく。





  • Category > -
  • Written by > スポンサードリンク

Comments


東京・埼玉で地デジ工事
blog comments powered by Disqus
▼コメントする









Trackbacks

Trackback URL

東京・埼玉でオール電化工事を頼むなら
このpageのtopへ▲

Popular Threads

Powered by Disqus
totaltodayyesterday

2018

   1234
567891011
12131415161718
19202122232425
262728293031 
<< August 2018 >>
RSS & Recommends

アスクル
Add to google
iriver eストア(Cover Story Basic)
マウスコンピューター/G-Tune
AdobeWebPremiumCS5
 iTunes Store(Japan)
 iTunes Store(Japan)
いぶろぐも使っている JUGEM PLUS
スーパーバッド 童貞ウォーズ
DIRECTORS LABEL ジョナサン・グレイザー BEST SELECTION
ROUTES

Recent Comment

Recent Trackback

***
デザイナーズ・フォントセレクト1000
フリーフォントガイドブックFOR WINDOWS Vol.2 (2) (I/O BOOKS)

スカウター : いぶろぐ part2
このpageのtopへ▲