ＩＥ７での画像表示について

質問

ＩＥ７上で以下のように画像を表示させているのですが
再現性がないのですが、たまに、画像が画面いっぱいの表示されてしまうのですが
何が原因でしょうか？

画面のサイズが任意のため、height を固定値でなく,以下のように80%にしたいのですが
（画面の下の部分を空けたいため）

<img name="dspimg" src="aaa.jpeg '" alt="aaa.jpeg '" width=100% height=80% " />

ＩＥ８では問題ないのですが？
何か解決方法がありましたら教えてください。
よろしくお願いします。

回答No.1

ORUKA1951 · ベストアンサー

imgのwidth属性は
width = length [CN]
13.2 画像の包含: IMG要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#edef-IMG )

とあります。%Lengthは
「長さ: (DTDでは%Length; と表記)の値は、%Pixel;または水平・垂直方向で利用可能な空間に対するパーセンテージである。 従って、「50%」という値は、可能な空間の半分を意味する。」
です。
　6.6 長さ ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/types.html#type-length )

また、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
属性の値を引用符で囲わなくてよいケースもある。属性値が、アルファベット(a-z and A-Z)、数字(0-9)、ハイフン(ASCII十進45)、ピリオド(ASCII十進46)、アンダースコア(ASCII十進95)、及びコロン(ASCII十進58)のみを含む場合である。本仕様は、引用符が省略可能な場合であっても省略しないことを推奨する。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［On SGML and HTML (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.2.2 )］より

　ですから属性値に%を含む場合は必ず""で囲まなければなりません。

　というかimgが　/>で閉じられているのでXMLで作成されているようですが、もしそうならXMLは属性値はどんな値でも""で囲まなければなりません。

　この様に何重にも誤った記述をブラウザがどのように判断するかはブラウザ任せです。

解決方法
きちんと%Lengthであらわし、かつ""で囲む。

　HTMLを書いたら
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
でチェックする癖をつけましょう。
　間違いは必ず指摘してくれます。そのたびに説明や仕様書を読むと短期間で上達できますよ。

回答No.2

0909union

これって最近はやりの、やらせですか？　どうも質問、回答を見るとできすぎですね。サイト宣伝ですよね