DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法 | F+R (FplusR)

今日は、DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法を紹介します。 DreamWeaverのデザインビューで、clearfixを指定したときに、デザインビューではレイアウトが崩れてしまいます。 私はデザインビューをあてにしないで作業していますが、たまにはあてにしたくなる時もあります。 そんなときには、clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定します。 これで、デザインビューでclearfixが原因でレイアウトが滅茶苦茶になる時はなくなるでしょう。 ただし、「overflow:hidden;」「overflow:auto;」は、諸刃の刀ですので、本番環境でのブラウザ確認はしっかりとやられたほうがいいでしょう。 これが原因で本番環境でレイアウトが変になっても責任は取れな

[lordkf]

ただし、本UPの時にoverflowをそのままにしていると、予期せぬことがおこるかもしれないので、デザインタイムを使うといいかも？

[seckie]

clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定する。 デザインタイムスタイルシートとかで指定するとよいかも。

[picnicgraphic]

「私はデザインビューをあてにしないで作業していますが、たまにはあてにしたくなる時もあります。 そんなときには、clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定します」

[kurobuchi]

もう崩れるの当たり前で仕事してたが、こんな方法が。8以降ならこれでかなりマシになりそう。

[popup-desktop]

デザインタイムCSSで一時的にっていうのもアリかも。