CSS、デザイン、プログラミング等などWebに関する事を更新しています。

javascriptでクッキーを利用して、サイトの閲覧履歴や、商品の簡易お気に入り登録や、文字サイズの変更、ユーザ情報の保持などなどをさせることが良くあります。

私はjQueryを良く使いますので、jQueryを使ってのcookie操作を忘れないようにメモをしておきます。

cssでfloat属性を利用し、回り込みをしている時のfloat解除用のクラス clearfixをメモしておきます。

制作しているサイト毎にclearfixの細かい部分が全て異なっているので、この際に統一しようかと思いました。サイトのソースを短くするためにも、clearfixのクラス名は短くした方が良いと思われます。

背景をbodyに指定していた時、ブラウザをちょっと縮めて横スクロールバーが出るようにして横スクロールしてみた時に背景が消えて真っ白！ということがありとても焦りました。（このブログでも遭遇......）

そんなときの対処法を紹介します。いじるのはCSS1行のみ！

追加するソース

body{ min-width:950px; }

これだけです。950pxという数値は「メインカラム」の数値と一緒にしてください。

min-widthはIE6では効きませんが、IE6ではこの切れる現象は起こらないので無問題かと。

参考サイト

以下の記事を参考にしました。背景が切れる理由が知りたい方はこちらに載ってますのでご参照ください～。

横スクロール時の背景見切れをCSSで修正する へ">横スクロール時の背景見切れをCSSで修正する

Designfixにて素敵な404エラーページを集めた記事
「404 Error: 60+ Creative And Well Designed Pages」が公開されていました。

とても個性的な404エラーページがたくさん紹介されています。