コーディング: 2008年12月アーカイブ

webサイトを作るときにCSS対応の良いFirefoxでチェックしながら制作し、次に個性的な挙動をしてくれるIEでチェックしています。IEのバージョンによっても挙動が違ってくれるので、複数バージョンでチェックするわけですが、「IETESTER」を使うとすごい便利なんで紹介します。

 

フォーム入力覧で選択項目を複数選択したい時に、チェックボックスを用意する人が多いとは思いますが、項目が多くなると表示の仕方に注意したり、モバイルサイトではプルダウンにしたりと色々と対策を考えなくてはなりません。

そこで今さらなんですが、プルダウンで複数選択する方法を紹介します。

普通のプルダウンのサンプル(Ctrlを押しながら選択して下さい)

<form  name="sample" action="#" method="post">
<select  name="test1"size="3">
<option value="1">項目1</option>
<option value="2">項目2</option>
<option value="3">項目3</option>
<option value="4">項目4</option>
<option value="5">項目5</option>
</select>
</form>

Internet Explorer には、特定IEバージョンだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。

CSSハックとは・・・ちゃんとweb標準に準拠してコーディングしているのに表示が乱れるWeb標準への準拠度が比較的低いブラウザ(特にIEが酷い)でもきちんと表示されるように主にブラウザのバグを利用してCSSの対処を実現すること。。。
だがしかし、バグを利用しているのであまり使わないほうがいい!ということでコンディショナルコメントを使ったりします。