So-net無料ブログ作成

dreamweaver CS4 デザインビューでfloat周りが崩れる

floatやposition、clearfix* など使うとレイアウトが崩れたり、乱れる。
それなりの値段がするソフトなのにひどいねぇ・・・。

で、対策としてclearfixを使用している箇所にoverflow:hidden;を入れると崩れずに表示されます。

DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法
http://www.studionh.net/fplusr/stylesheet/dreamweaver_clearfix.html

* clearfix /floatを使ったレイアウト時の親ボックスの高さを算出する方法。
div#container:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden; ←ここ


winXP:IE6,IE7,Firefox3.5.6,Google Chrome3.0では、overflow:hidden; 入れても特に影響無かったけどアップするときはコメントアウトしておいた方がいいかな。