Posts Tagged html

CSSでmarginやpaddingを指定した上でbackgroundの色や画像などをその要素の幅までで抑えたい場合

FxやOpera、Safari向けにはinline-blockを指定すればいいだけの話だが、IEではinline-blockはまともに動かない。

しかし方法がある。 http://www.yomotsu.net/wp/?p=390
この方法を使えば普通にinline-blockがIEでも動く。

しかしこの2つの記述は共存出来ないため、条件分岐を使って別々に読み込ませるなりCSS Hackを使うなりする。

今回は条件分岐を使った。
http://blog.worldending.jp/archives/2007/04/internet_explorer.php#notebook
http://www.aboutworks.com/shokodei/diary/doc/select/

コメントする

CSSはHTML要素の上下関係に影響される

たとえ<td>に何かの要素を指定していても<tr>に適用すれば上書きされる。

いや当たり前なんだけど、一応メモ。

コメントする

IE6でa要素以外にも疑似要素hoverを適用するには

http://jmblog.jp/archives/88

つまりIE6で透過PNGを表示させる場合と同じようにhtcファイルを別途で読み込む。
わずかとはいえパフォーマンスは低下するはずなので、できればa要素に適用できればそうしたほうがいいね。

コメントする

IE6でMootoolsのAccordionの動作がおかしいと思ったら

XML宣言を取り払えば他のブラウザと同じように動作した
IE5.5では全く動作していない状態だけどたぶん対応していないからそうしているんだろう、中途半端に動作するよりよっぽどましさ

コメントする

IEにおいてform input上でEnterしてもSubmitされない場合は

IE6のフォームの挙動

フォームにテキストボックスがあるとき、テキストボックスにフォーカスがある状態でEnterキーを押下するとボタンを押さなくてもフォームがsubmitされる。それはまあいいのだが、IEはテキストボックスの数によって次のように挙動が変わってしまうようだ。

  • テキストボックスが1つだけの場合、ボタンはサーバへsubmitされない
  • テキストボックスが複数ある場合、最初のボタンがサーバへsubmitされる

(Firefoxだとテキストボックスの数に依らず最初のボタンがsubmitされる。)

ということなので、とりあえずダミーのinputフォームをもう一つ作りましょう。

<input type=\”text\” name=\”dummy\” style=\”display: none;\” value=\”ダミーのテキストボックスです\” />

コメントする