CSSのブロックのマージンやパディングを見やすく表示するソフト

質問

CSSでデザインしたブロック（BOX？）がIE6以前でよくずれてしまいます。
そこで設定しなおす事が多いのですが、設定されたパディングやマージンを視覚的にわかりやすく表示できるツールをどこかで見かけたことを思い出しました。
そのときは必要がなかったので、それが何だったのか、
忘れてしまいました。

FireFoxのアドオンだったような気がしたのですが、探しても見つかりません。そのようなツールを知っている人がいたら教えてもらえますか？
よろしくお願いします。

回答No.1

kuzumiHK · ベストアンサー

FirefoxのアドオンでしたらFirebugのことでしょうか。
インストールしたら、
ウィンドウ右下のボタンをクリック
↓
Enable Firebug for this web site
↓
Inspectをクリック
↓
ページの表示したい場所をマウスでフォーカス
で、ブロック要素ごとに枠線を表示してくれます。

お礼

どうもありがとうございました。
まさにコレでした。助かりました。

回答No.2

kim-daiko

"Web Developer" でしょうか？

Ctrl+Shift+「Y」で、オンマウスの領域のCSS内容が見れます。

CSSの確認以外にもウェブページ作成には便利なツールなので、もし違う場合でもお勧めです！

参考URL：

http://lab.tubonotubo.jp/tools/webdeveloper/index.html

お礼

ありがとうございました。ほかの機能も充実していて便利ですね。活用していこうと思います。