186(css)

2005-05-22

[] マージンの相殺

マージンの相殺 - CSS Dencitie

いっつも忘れるのでメモ。

[] Safari

昔はSafari Space Hackってのがあったのか。へぇ。

Here is a proposal for a way to include Safari-only CSS:

@-konq-only { .... }

Here is a proposal for a way to hide CSS from Safari:

@-konq-end;

Surfin Safari - January 12, 2003 - Safari Response: diveintomark.org

つぅかこれは何だ。UnixのKonquerorも巻き込むのかね。

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050522

2005-05-18

[] ところで

Opera8.0enでbox-sizing属性が利くのを見て、ついついキーワード化して-moz-box-sizingから半ばコピペしましたけど、宜しかったかしらん<id:kamioka

kamiokakamioka2005/05/18 19:26宜しかったですわよ、どうもありがとうございます。

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050518

2005-05-16

[][] IE6.0後方互換モードにて

よく分からんが指定だけ書き出しておく

ブログモードで画像を右フロート、p.sectionfooterで右フロートをclearしたら.section全体が左にずれる?

.day {
 margin-left: 20px;
 margin-bottom: 20px;
 padding-top: 1px;
}

.day img.photo {
 float: right;
}

.section {
 margin: 0px 0px 20px 40px;
 padding-left: 20px;
 border-left: 1px solid black;
}

.section h3 {
 margin-left: -40px;
 padding-bottom: 5px;
}

.sectionfooter {
 margin-top: 20px;
 text-align: right;
 clear: right;
}

pre, blockquote {
 clear: right;
}

この指定で.section内の文章が短く、p.sectionfooterが画像を実際にクリアしたときに.sectionに指定した左側の線が通常より余計に左にずれる。

p.sectionfooterを消すと直ることから、p.sectionfooterが悪いらしい。clear: right;消すかぁ(;´Д`)

ついでにpre, blockquoteがh3直後に来るとやっぱり左にずれる。これも無しですか。

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050516

2005-05-15

[] fold(仮) 22:27

懐かしの黒背景。名前は一旦fold(仮)で。多分、煙草関係の名前に変わるんだろうな。

で、なぜかIEでh2が消えるという罠。どういうこっちゃ(;´Д`)

簡単デザイン設定でカレンダーを設定すると、勝手にdiv.hatena-moduleの中に入るのか。なんと。

[] 実験1

pppppp

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050515

2005-05-11

[] くねくね 白黒 Ver0.2

f:id:smoking186:20050511142803:image

更に弄ってみた。permalinkに対応。

Opera, IEで見てないのでちょっと怖い。Opera8では下のくねくねが再現されないだろうな、多分。

[] くねくね 白黒 Ver0.1

f:id:smoking186:20050511001505:image

まー、こんな感じで。10の応用。

09Panda、10(仮)、11と作ったが、全然投稿してないや。細かいところまで詰める気力がない。そして画像を作る能力が無いので、シンプルにならざるを得ない orz。

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050511