CSS：エンベッド方式とインライン方式。

質問

ただいま、Dreamweaverを習得中です。
HTML、CSS自体につきましては、物理構造やら一応理解しているつもりでいます。

さて、Dreamweaverのレイヤーの項で、デザインビューとコードビューを併用してレイヤーを定義すると、次のようなコードを吐きました。

しかしIEではきちんと表示されるものの、NN、Firefoxでは定義のとおり、位置づけされません。

これを、エンベッド方式で定義しなおすと、きちんと位置づけされました。インライン方式のスタイル付けには、なんらかの制約があるのでしょうか？

一応、アプリ上からのテンポラリファイルだけではなく、localhost(Apache）でも試してみましたが結果は同じでした。

ご教示のほど、よろしく願います。

<div id="Layer1" style="position:absolute; left:100px; top:300px; width:107px; height:107px; z-index:1">TEST</div>

回答No.1

Fukurow

直接、ご質問とは関係ありませんが、私もＸＨＴＭＬとＣＳＳでホームページを作成・運営しておりますが、作成ソフト（Dreamweaver）から切り替える際に、ブラウザによる表示結果の違いに悩まされました。
いろいろ調べてみると、ブラウザのバグによるものとわかりました。
アメリカには、こうしたバグに対する回避策をまとめた専門のサイトがあるほどです。興味がありましたら一度覗いてみるといいでしょう（ただし、英文です）。
もちろんバグはＩＥにもありますが、ＮＮ系(
Firefoxも含め）のバグはひどいですね。ＮＮがブラウザ戦争に惨敗したのはこのバグのせいだとも言われています。
話が横道にそれましたが、サイト作りにＣＳＳを使う場合には、このブラウザのバグも念頭においたほうがいいでしょう。

参考URL：

http://www.dithered.com/css_filters/

お礼

Fukurowさん、はじめまして。質問者のKozzymarch23です。
ご助言、感謝しています。

現在、僕がサイト制作、そして公開に踏み切る基準にしているのが、レイアウト・Javascriptともに、Mozilla系できちんと表現されている、と確信した段階です。

前者は、Fukurowさんのおっしゃられるバグを逆手にとって、後者はその厳格さ、によってです。IEを上位互換として捉えている、と言うところでしょうか。

ビュジュアル面はもっぱらCSSに任せていますので、Fukurowさんのお言葉を肝に銘じて、サイト制作をしていこうと思います。

引き続いて、皆さんのご教示を待っています。

このたびはありがとうございました。