カテゴリ一覧
Anime | AV | Baseball | Books | CGI | Chinema | Comics | CS | Day | DVD | Event | F1 | Games | Hobby | HTML | Kindle | Misc | mixi | News | Oldbooks | PC | Photo | SpFX | Stage | tDiary | Tour | TV | web | 逸級介護士
ブロックレベル要素をセンタリングしたいと思ったらどうするか。簡単そうに見えて実は意外にいい手がないなあと思ってたんだけど、mixiのCSSコミュニティでその手段が紹介されていた。
こたえ:margin-leftとmargin-rightの値を"auto"にしてやる。
なーるほどね、こういうやり方があったのか。知らなかった……ってこれだけではWin IEではうまくいかないんで、少々DIV厨なパッチ当てをしてやらんとあかんのだけれども。
とりあえず知識として一つ収穫アリってことで。
「ウルトラマンマックス」、「BLOOD+」。マックスはスラプスティック仕立ての#31:「燃えつきろ!地球!!」挑発星人モエタランガ登場。
わはは、こりゃ良いね。人間側が勝手にどたばたやってる一方で、悪役宇宙人側は至極真摯に悪事を仕掛けてる、と言う構図が大変よろしい。これで宇宙人側も大騒ぎしちゃうと、とたんに安っぽくなるんだけど、そこらでぎりぎり踏みとどまったって感じだね。ま、安っぽくない訳じゃあないんだけど、これはこれで許容範囲。楽しめたんだから、良いじゃない。
「BLOOD+」はロシア編のスタート、ってちょっと待てや、ベトナム編のあとはギリシア編だろうがよ普通(全然普通じゃねーだろそれ)。それはともかく、お話そのものはそれなりに面白いと思いました。とにかく「BLOOD」のダーク風味を1ミリでも期待したらいかんアニメなんだよね。あちらの存在を思い出さないようにして鑑賞すれば、まあこれはこれで。
前 | 2006年 1月 |
次 | ||||
日 | 月 | 火 | 水 | 木 | 金 | 土 |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
ブロックレベル要素のmargin:atuo;についてですが,IEの場合,後方互換モードの場合のみ適用されないという事になってます.<br>IEが後方互換モードで動作する条件は,DOCTYPE指定のないHTML,システム識別子のないHTML 4.01Transitional,それとXML宣言のあるXHTMLですので,それ以外でしたらちゃんと効いてくれる筈ですよん.
うわおー、さらに知識が追加されてしまった。確かに文書型宣言にシステム識別子を追加したら、DIV厨化が一段浅く済むようになりました。どうもありがとうございます。ちょっぴり(いやかなり)感動。
…つか,以前某氏のところで知って,自分のサイトでも検証してメモしてあったりするのです(苦笑).以下が参考になればこれ幸い(ぉ<br>http://kita2.net/sub/ht_css02.html#c01
私もばけらさんとこ( http://www.ne.jp/asahi/minazuki/bakera/html/sgml/doctype.html )とか見て、いろいろ考えてしまいました。基本ラインとしては結果優先なのですが、その際に作る側が取らなくてはいけない手間を考えると、少々苦虫を噛みつぶした気分になりつつも、最初の一行で幸せになれる、念入りにシステム識別子まで記述しちゃう方法ってのは、これはこれでありかもな、と思ったことでした。 <br>HashiMさんが教えてくださったリンクも素晴らしく有用でありがたかったです。Positionプロパティに関するトピックとかも激しく参考になりましたです。ありがたいことです。
>こたえ:margin-leftとmargin-rightの値を"auto"にしてやる<br><br>え、それ私知ってる。CSSボックスも出るの基本よ。本で書いた。<br>と思って見直したら、どうも書いてない。おかしい。<br><br>たぶん、CSSの仕様書かHakonの本に載ってます。<br>で、自分で当時動作確認して、対応してなかったから書かなかったのかな。<br>おっかしいなあ。なんにせよごめんなさい(謝っておく)。
追記。調べた。5章にこんな記述が。<br>>【注】 floatプロパティは表示の位置決めのためのプロパティではないので,属性値に「center」はありません。文字の回り込みを伴わない単なる表示位置の調整を行いたい場合は,margin・width・text-alignプロパティをご利用ください。<br><br>それで思い出しました。仕様上は、「widhtを指定して」マージンをautoにすると、センタリングになるです。widthを指定しないと、マージンをゼロにされても文句いえないですが、とにかく左右は同じ値になるべきです。<br>なんにせよ、やっぱ本には明言してないです。やっぱりごめんなさい。
5章の書き方が、autoの値について「複雑な計算過程を経て決定されます」だけじゃなく、加えて「一般的にはセンタリングされるようです」ぐらい書いてあったら良かったのかも知れませんね。すみさんが本を書かれたころはまだ、まともにautoに対応できるUIも無かったって事なのかな?