Category Archives

Monthly Archives

あわせて読みたい

Personalize Radio with Me.powered by Last.fm

私が良く聴いている曲から、おすすめをチョイスして再生してくれています。

My Recent Tracks powered by Last.fm

fastfargroove's Profile Page

« これが欲しい | メイン | links for 2007-07-26 »

Jul26

7.25 css事件について

safariだけ背景適用されん!!

body{
background:#ffffff url("../images/bg_body.gif") center repeat-y;
}

Win > IE6 , Firefox Mac > Safari2.0.4 , Firefox 2.0.0.5で確認したところsafariだけ適用されず。

バグ？？と思い、参考ページをもとに html や id:Container とかに背景を指定するといける

みんな助けて

Twitterでポストするとみんなが、優しくしてくれました。

  • 引用符を抜いてみる → background:url(images/);
  • positionとrepeatの順番を変更する → repeat-y center
  • positionの記述を変えてみる → repeat-y center center

助けてくれた方々、頭があがりません。ごめんなさい。死ぬほど愛してます。
（リプライくれた順番）

  1. id:forestk
  2. id:makotokaga
  3. id:hamashun
  4. id:floral
  5. id:necoze
  6. id:retlet

なかなかうまくいかない…。

他のスタイルシートでbodyの背景指定してたorz

実は別の外部スタイルシートで

body{
background:#ffffff;
}

としてたせいでした、そりゃうごかんわ…。
Ustreamで土下座を配信して詫びました。

再現V

この不祥事に、「woopsdez袋だたきオフをする」とポストしたところ、id:hamashunに「@woopsdez がみんなにビールをおごってくれるそうです」とのこと。

意を決して7/26 渋谷8時からビールオフです。

場所は以下id:makotokagaさんありがとう!
http://www.eurobeer.net/belgo/

でもそれって他のも反映されなくない？

id:retletの発言で、確かにそうだと思いつつ退社。safariだけ継承の順位が違うのでは？という話も出つつ、やはりソースを見てみないと、ということで公開します。

ヒドイソースなのでdisられないか死ぬほどビクビクですが…。

これなんていう罰ゲームなの＞＜

おいらのソース全公開

【構造】

index.html
　┗ import.css
　　　　┃
　　default.css
　　base.css（実はここで既に指定しまっていた）
　　　　┗ layout.css（本当に適用させたかったのはここでの記述）

はてさて、原因はこの構造のせいなのでしょうか、違うのでしょうか。
base.cssからbodyの指定をとったら無事出来ました。ほんとごめんよみんな。

TrackBack

このエントリーのトラックバックURL:http://woopsdez.jp/mt/mt-tb.cgi/592

Comment

カスケードの順序について以下を読むと、
http://hp.vector.co.jp/authors/VA022006/css/cascade.html#cascading-order

> インポートされたスタイルシートは，他の總ての規則より先行する位置にあるものとして扱ふ。

とあるので、Safariがこの規則を守ってない気がするね。

投稿者:retlet | July 26, 2007 3:56 PM

ん、違うか。
「先攻する位置」なんだから同じファイル内の前の方に記述されてるのと同じ処理になるわけで、

> ある二つの宣言が同じ優先度・詳細度を持つなら，より後に指定された宣言を適用する。

このルールが適用されるから、Safariが正しいのか。も。

投稿者:retlet | July 26, 2007 4:01 PM

独特な文体のurlだわ＞＜

@import の下に body への指定を書いたから

↓↓↓↓↓↓ importした layout.css ↓↓↓↓↓↓

body{
background:#FFFFFF url("images/");
}

↓↓↓↓↓↓ layout.cssを呼び出すbase.cssの下部に書いてあったcss ↓↓↓↓↓↓

body{
background:#FFFF;
}

の順で適用されて背景画像が表示されなかったのね!
なるほど。

ということは継承の準拠具合はsafariが一番なのかしら。
キツネとかIEは上記の記載でそのままimagesが継承されて適用されてたのね。

ふむふむ。

投稿者:woopsdez | July 26, 2007 5:38 PM

コメントを投稿