てんぽ: Xpander、The Technology、あとfloat

CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

Xpander、The Technology、あとfloat

2005年12月10日(土)

Amazonで久々に音楽CD(どちらもEP)を注文。律速は発送まで5~7日のThe Technology。さて、何日で届くかな。

Xpander [Single] [EP] [from US] [Import] Sasha
Xpander
アマゾンでChicaneのBehind the Sunを買って以来、オススメされるもの。 聴いたことはないけど評判が良さそうなので買ってみる。輸入盤はいいね、安いから。
The Technology [EP] [Enhanced] [from US] [Import] BT
The Technology
半年くらい前に某ネットラジオで聴いて、気に入ったもの。Xpanderが1500円未満(送料が無料にならない)なのでついでに購入。Xpanderより高いけどそこは気にしない。ギフト券を使おう。

何回か聴いて気に入った曲を買うのもいいけど、購入後はじめて聴くというのも悪くない。 そういうのはたいてい好きなアーティストの新アルバムとかだけど、Sashaはまったくはじめて(Chicaneもそう)。 けど、ジャケ買いとは少し違って、ネットでの評判も一応確かめてから。

とにかく、「はじめて」というのが重要で、この感覚は一度しか味わえない。 大好きなあの曲を、それに関する記憶を消去して、もう一度「はじめて」聴きたいとよく思う。

ところで、EPというのはミニアルバムみたいなものらしい。収録曲が少ない分、「捨て曲」も入りにくい。 アニメ・声優関係で言えば(わざわざそっち方面に話をもっていきたいらしい)、 坂本真綾のイージーリスニングや、 水樹奈々のデパールNOeL La neige 門倉千紗都ミニアルバムdepart Chisato×Nanaが名盤。 イージーリスニングは坂本真綾のCDで一番好きかも。デパールは最近の水樹奈々の曲とはずいぶん雰囲気が違う。

さて、ここで唐突に話題が変わって、CSSの話。


イージーリスニングとデパールの画像は同じp要素内で左フロートさせているのですが、 CSS2の仕様書にあるような整形結果になっていない(と思う。多分。IE6とFirefox1.0.7)。 これらの画像はp要素内の最上部で左端に寄っていないといけないはずイージーリスニングの画像は「イージーリスニング」の「グ」と同じ行の最上部、デパールの画像は同じく「ル」と同じ行の最上部になるべき仕様書邦訳9.5 浮動体参照)。

However, line boxes created next to the float are shortened to make room for the floated box. Any content in the current line before a floated box is reflowed in the first available line on the other side of the float.

(中略)

Formatting would have been exactly the same if the document had been:

<BODY>
  <P>Some sample text 
  <IMG src=img.gif alt="This image will illustrate floats">
           that has no other...
</BODY>

because the content to the left of the float is displaced by the float and reflowed down its right side.

引用はW3Cの正式版から。強調は引用者。

試していなけどFirefox1.5やOpera8、Safariとかではちゃんとなってるんだろうか。 それとも自分の解釈間違ってる……?

p要素内の最上部云々てのは、これを見逃していたから。

要素の浮動ボックスの外上辺は,ソース文書の中のそれ以前の要素によって生成されたボックスを包含する行ボックスの上辺より高くてはならない。

でも結局、FirefoxとIEの表示はバグでした。

#58
カテゴリ:未分類
タグ[ CSS メモ ]

同じカテゴリの記事

(-1件)

みりばーる:到着

本日、商品到着しました。約1週間です。発送可能時期からも妥当。

  • 2005年12月18日(日)16:14:13
  • URL
  • 編集
コメントの投稿

トラックバック(-0件)

http://mb.blog7.fc2.com/tb.php/58-e32807f6

<<スクリプト無しで月別アーカイブをドロップダウン化 | その 深夜にやってるアニメは>>

Utilities

おすすめ

セオリー・オブ・スタイルシート (Quick Master of Web Technique)
「ボックスと視覚整形モデル」の詳細な解説が圧巻。→関連記事
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
正しい仕様の解説から実践的なレイアウトテクニックまで網羅。→関連記事
詳解HTML&XHTML&CSS辞典 第3版
信頼できる辞典型解説書の筆頭。

広告

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。