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

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

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

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

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

追加するソース

body{ min-width:950px; }

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

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

参考サイト

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

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

相変わらず仕事ではコーディング的な意味でIE6に頭を悩ませているわけですが...。
今回は以下のバグで危うく干からびそうになりました。

• IE6でネガティブマージンを効かせる
  時々何故かここぞというところで効かなくなる...。別の場所では効いてたのに(-_-;)
• position:absoluteにしたときにIEで位置がずれることの対応
  これも時々何故かここぞというところでずれる

個人的にハックは極力使わないようにしていますが、極限状態になるともうハックをして楽になりたい！と思ってしまいます。まだまだ未熟な分大変マゾいです。
IE6は早くシェアがなくなれば良いと心の底から願いつつ、IE8はまだ来なくて良いよと思う日々でした。

csactionsタグとcsscriptdictタグについて調べてみました。
これらはどうやらは adobe GoLive独自タグらしく。
不具合の原因になりやすいらしいです。

• Webブラウザではこの要素を無視することが期待される（少なくともIE や Netscape などのポピュラーなブラウザでは無視される）。
• タグ内の script要素で呼び出されている外部ファイルはGoLive が提供するスクリプトライブラリで、JavaScript で記述されている。

だそうです。
時代を作って、これからも時代を作っていくadobeですが、MicrosoftのIE6.0見たく独自モノはやめて頂きたいですね。
ただまぁ、大人の事情ってやつですかねぇ。

参考引用元：http://ml.fureai.or.jp/~js-ml/20030225/8031.html
google検索結果：csscriptdict タグ