- TOP
- HTML / CSS
html5コーディングで気を付けているポイント
投稿者：yo 
Movabletypeのカテゴリアーカイブページ毎に、属する子カテゴリをformのセレクトボックスへまとめる。
MTIfIsDescendantタグを使って、親カテゴリを判別して、MTSubCategoriesやらなんやら使って強引に子カテゴリをまとめています。
form内セレクトボックスを選んだら、そのままパーマリンク先（カテゴリ・エントリ毎のURL）へ移動するようになっています。
フォーム内、チェックボックスやセレクトボックスのデータを効率よくPHPへ送り、受け取るには
name属性にarray[]の様に、配列要素？を指定します。手動で連番をつけるよりも簡単ですし、PHP側で配列側で簡単に操作できます。
cssでfloat属性を利用し、回り込みをしている時のfloat解除用のクラス clearfixをメモしておきます。
制作しているサイト毎にclearfixの細かい部分が全て異なっているので、この際に統一しようかと思いました。サイトのソースを短くするためにも、clearfixのクラス名は短くした方が良いと思われます。
横スクロールすると背景が切れるときの対処法
投稿者：めか 
背景をbodyに指定していた時、ブラウザをちょっと縮めて横スクロールバーが出るようにして横スクロールしてみた時に背景が消えて真っ白！ということがありとても焦りました。（このブログでも遭遇......）
そんなときの対処法を紹介します。いじるのはCSS1行のみ！
追加するソース
body{ min-width:950px; }
これだけです。950pxという数値は「メインカラム」の数値と一緒にしてください。
min-widthはIE6では効きませんが、IE6ではこの切れる現象は起こらないので無問題かと。
参考サイト
以下の記事を参考にしました。背景が切れる理由が知りたい方はこちらに載ってますのでご参照ください～。
