未解決。



<code>&lt;li&gt;</code>タグをフロートで横並びにして背景色を指定したら、rolloverした時だけその属する<code>&lt;ul&gt;</code>（あるいは<code>&lt;div&gt;</code>かも）全体が不審な動きをする。

```css
#footMenu li{
 float: left;
}
#footMenu li a,
#footMenu li a:link,
#footMenu li a:visited,
#footMenu li a:active{
 display: block;
 height: 10px;
 padding: 10px 5px 10px 10px;
 margin-right: 5px;
 background: url(../images/common/mk-link02.gif) no-repeat left center;
}
#footMenu li a:hover{
 background: #ffcc32 url(../images/common/mk-link_on.gif) no-repeat left center;
}
```

rollover時の背景色指定（背景画像や位置、繰り返しは関係ない）を外すと正常に動作する。

IEのbackground-colorのバグ？

<img alt="IMG_0919.jpg" src="/legacy/images/IMG_0919.jpg" width="360" height="240" />

近所の池でいつも望遠カメラを構えているオッサンの方々がいるんですが、これを狙っていたんだな。ここに越してきて１年たちますがお目にかかったのは初めてです。写真には撮れなかったけどウグイスも見かけました。

IXYは機能は貧弱なんだけど携帯性は抜群です。毎日、一眼しょって歩くというのも、まあ、いいんですけどね。

カワセミ

<code>&lt;table&gt;</code>関係のタグでのCSSの挙動について。

Windows版IEでは<code>&lt;table&gt;</code>に対して<code>padding</code>は効かない（1pxになってるそうです）。まあ、<code>&lt;table&gt;</code>の内容は<code>&lt;td&gt;</code>内に記述されるのだから、<code>margin</code>は<code>&lt;table&gt;</code>に指定、<code>padding</code>は<code>&lt;td&gt;</code>に指定するのが自然でしょうか。

Safariとmac版IEでは<code>border-collapse</code>が効かない。これらのブラウザで同じ効果を得ようとすれば、<code>&lt;table&gt;</code>の左と上に、<code>&lt;td&gt;</code>（<code>&lt;th&gt;</code>）の下と右に1pxのボーダーを指定するなどしなければならない。

windows版、mac版共に、IEでは<code>border-spacing</code>が効かない。これは、あまり使いませんが。

スクリーンショットとか撮ってる暇ないので、各ブラウザでこちらをみて下さい。 
<strike>http://www.i10u.com/table.html</strike> 
<a href="http://www.110chang.com/lab/table/table.html">http://www.110chang.com/lab/table/table.html</a>

ComComさんではSafariの<code>border-collapse</code>、OKということです。いろいろ検索しましたが、どこもSafariは<code>border-collapse</code>に対応してることになってます。Safari2.0での検証なんでしょか。だとしたら、やはりmac版IEが問題ですね。 
<a href="http://mitene.tv/comcom/C45407648/E1055833077/"> HTMLテーブルの表現</a>

table周りのCSS

僕自身はこの画像置換法というやつは使ったことがありません。なぜかというと・・・

インチキくさいからです。なんていうと怒られそうですが・・・。最初にこの方法を知った時、<code>text-indent:-9999px</code>って直感的にインチキだって思ったんです。

画像置換法は、上記のように<code>text-indent</code>を使って、例えばヘッダ<code>&lt;h1&gt;</code>のテキストを強制的に欄外に表示するようにして、代わりの背景画像を指定することで、テキスト情報と視覚情報を両立させる方法です。

ところが、背景はブラウザの初期設定では印刷されないようになっています。印刷してみたら何にも出てこない、みたいなことになりかねません。

もとより、一般的なユーザーがWEBページを印刷することに何を期待するかと言うと、画面に表示されているそのままが出力されることだと思います。

そういう意味では、印刷用にレイアウトの異なるCSSを設定することすら（したことないですがorz）ユーザーにとっては混乱のもとなのかも知れません。印刷用のページを別途、画面で表示させるべきなのでしょう。

そんなことを考えていて、ロールオーバーにしても、いまだに<code>&lt;img&gt;</code>＋でやったりしています。が"使用しない"になっててもとりあえず画像は表示されるので・・・

ということを最近考えているんですが、近いことをLucky bag::blogさんが既に書かれていました。なんと、強制的に背景画像を印刷してしまえるみたいです。でも、<code>display: list-item</code>に置換とか恐くてできないよーーー。

<a title="Lucky bag::blog: 印刷用 CSS で背景画像を印刷させる方法" href="http://www.lucky-bag.com/archives/2005/12/print-background-image.html">Lucky bag::blog: 印刷用 CSS で背景画像を印刷させる方法</a>

画像置換法と印刷

MT3.2でBerkeley DBをSQLiteにコンバート。

<a title="mt-db-convert.cgi: MTデータベースの相互変換CGIスクリプト - Ogawa::Memoranda" href="http://as-is.net/blog/archives/001023.html">mt-db-convert.cgi: MTデータベースの相互変換CGIスクリプト - Ogawa::Memoranda</a>

MTのDBをSQLiteに

<code>width</code>指定した<code>&lt;table&gt;</code>内の文字列折り返しで、Safariだと指定した<code>width</code>を越えてしまう現象を発見。

長いURLなどの半角英数字での事例はあるようだが、連続した半角英数字は使用していない。原因は、連続した「○」を折り返さない判断をしているか（170pxのセル内で10個ぐらい連続）、<code>&lt;strong&gt;</code>タグ内を折り返さない判断をしているか、だと思うけど、はっきりせず。ブラウザによって折り返しの基準には大きな違いがありますねー。ｳｷﾞｬ。

参考：<a title="いろんなことが起こる: URL 文字列の折り返し" href="http://yasunao.minidns.net/ispdc/2005/10/url.html">いろんなことが起こる: URL 文字列の折り返し</a>

Safariの文字列折り返し

<a title="迷い犬、保護しています。" href="http://www.29fuku.com/myu/2006/02/post_10.html">迷い犬、保護しています。</a>

WEBってこういうローカルな役立ち方もあるんですね。手前味噌ですが・・・

ほのぼのトラックバック

<a title="ELAN Sports" href="http://www.elansports.com/pc.asp">ELAN Sports</a> 
ああ、ゲレンデが僕を呼んでいる・・・！

NHK教育の<a href="http://www.nhk.or.jp/zero/index.html">「サイエンス・ゼロ」</a>より

<blockquote>超低温や高圧、強い放射線下など、想像を越える環境で生きる極限環境生物が注目されている。例えばアフリカ原産のネムリユスリカは、体をいわば砂糖漬けにして休眠し、熱湯やマイナス２００度にも耐えて蘇生できる。また放射線抵抗性細菌は、文字通り放射線を浴びて壊れてしまったＤＮＡを、すぐに修復する驚異の能力を持っている。こうした特殊能力を、医療や環境問題の解決に利用しようと、研究が進めらているのだ。不思議に満ちた極限環境生物の研究最前線を紹介する。</blockquote>

こういった生物の驚異的な進化を"Elan Vital（エラン・ヴィタール／生の<strike>超越</strike>跳躍）"というそうです。"Vital"は「生命」のことだから、"Elan"は「<strike>超越</strike>跳躍」。そうか、むかし履いてたスキー板のメーカーってそういう意味なんだーと今さら思って、サイトをチェックしたら、ｶｺｲｲFlashではないですか！！（<a href="http://www.elanskis.com/pcc.asp?xpath=&xpathid=&lang=eng">"Skies"を見てね</a>）しかし、よくできてますなー・・・

Archive for 2006.02