id class が効かない

質問

ＨＰを作成し始めたばかりです。

ＩＥではスタイルシートで id や class で画像のサイズが指定するとちゃんと表示されますが、
Firefox では全く効かずそのままの大きさになります。どうすればよいでしょうか？

また、ブラウザの表示で「～場合は・・・すればよい」というようなサイトはありますか？
ありましたら教えてください。よろしくお願いします。

回答No.6

himajin100000

#一部訂正
【誤】
float;left;
【正】
float:left;

回答No.5

himajin100000

原因判明。
ただし，解決方法不明。

src属性に存在する画像を指定した時，
IE 7
Minefield(Firefox 3.0a7pre)
Firefox 2.0.0.4
Opera 9.22 Build 8800
Safari 3 Beta For Windows

のいずれにおいても
widthプロパティとheightプロパティは有効である。(display:inline-block;等の挙動)

しかし、
src属性に指定された画像が存在しない時、(ここではsrc属性を指定していないが同様)、FirefoxおよびMinefieldは、display:inline;としてalt属性の値を表示する。
display:inline;の要素にはwidthプロパティやheightプロパティを指定しても効果はない。(仕様)

当方の検証ではMinefieldで該当要素について
display:inline-block;を指定したところ，
画像がなくても指定されたwidthやheightになってくれた。

しかし、display:inline-block;はFirefox 2.0.0.4には，まだ実装されていないため，これを利用することはできない。

この件に関して画像がない時のimg要素のwidth「属性」やheight「属性」に対する挙動は、まだ未検証である。

display:block;
overflow:hidden;
で
float;left;
っていうのは好きじゃないなあ・・・・

お礼

ということは、結果できないということですね。ありがとうございました。

回答No.4

noname#39970

>image.gps {
>width: 105px;
>height: 143px;
>}
>
><img class="gps">

image なんてタグ　どこにも使われてないようだけど？

お礼

すみません、昔から不思議に思ってましたが、これでＩＥでは通用していたもので
こういうものだと思い込んでいました。
image.gps → img.gps に変更しましたが、表示には変化ありませんでした。
ありがとうございました。

回答No.3

MAN_MA_RUI

CSSの書き方が悪いかclassまたはidの指定がおかしいかのいずれかでしょうね。
id="10yen"とか_width:100px;とかそういう感じの…。

お礼

間違ってはいなかったのですが、できないようです。ありがとうございました。

回答No.2

steel_gray

IEとFirefoxでは、CSSの文法に対するチェックの厳しさが違いますので、
IEでは適当に解釈されるものでも、Firefoxではエラーとして無視される場合があります。
Firefoxのエラーコンソール（ツール＞エラーコンソール）又は、
http://jigsaw.w3.org/css-validator/
等でエラーが出ていないか確認してみてはどうでしょうか。

お礼

どうやら、できないようでした。ありがとうございました。

回答No.1

himajin100000

問題が再現する最低限のソースを書いてくれ。こっちでも検証するから

http://japanese.joelonsoftware.com/Articles/PainlessBugTracking.html
http://developer.mozilla.org/ja/docs/Bugzilla-jp:Guide

お礼

すみません、やり方を変えないと改善できないと思ってましたので、書きませんでした。

image.gps {
width: 105px;
height: 143px;
}

<img class="gps">

これをアフィリエイトの画像に挿入しています。よろしくお願いします。