Dreamweaver 8のバグ その2

本日またもや嵌ってしまいそうなバグ？に遭遇。

テンプレートに使用しているｍａｉｎのCSSに手を加えると、IE7では全く関係ない部分の文字（複数）がデカクなり、IE6では全く関係ない部分の文字（複数）が下がってしまいデザインが崩れるような状態。

ググってもこんなエラーに出くわしている方はおらず、軽く途方にくれる。

CSSをいじってデザインが崩れてしまい、いじった部分を元に戻してもなぜか崩れたまま。とにかくmainのCSSをいじると文字がおかしくなってしまう。

色々試すこと小一時間、なんとか解決法を発見！！

原因は、bodyタグのCSSに使っていた「sans-serif」というフォント。

このフォントはゴシック体風のフォントなのですが、CSSの参考書でbodyでフォント指定して！と書いてあったので、なんとなく追加したフォント。他のサイトのbodyでは問題なく利用できていたので、今回は何かの要素との複合によるバグだとは思うが、原因を見つけられたことは奇跡かもしれない。

それにしてもホントこの参考書は色々やらかしてくれる。

Dreamweaver 8 向けCSSの参考書なのですが、前回のバグで触れたことや、classを使わずDivを全てID指定したりといらぬことを巻き起こしてくれる。

まぁ 一番の原因は、私たちのCSSスキルが足りないことなのだが・・・・

色々なエラーやバグに出会い成長して行く部分もあるので、軽いエラーだからとそのままにせず、これからもエラーと正面から戦っていこうと思う。