/* CSS・スタイルシート質問スレッド【68th】
586 :
Name_Not_Found:
<a href="〜" style="display:block;width:〜px;height:〜px;"><img src="〜" alt="〜"></a>
のように
A要素の中身がIMG要素で、A要素にdisplay:block;とwidthまたはheightを指定すると
IE5.0ではIMG要素上の左クリックが効かなくなります(outlineの線は出ます)
右クリックからリンクを開くを選ぶとジャンプできます
(A要素にpaddingを指定するとpadding部分だけが一応クリック可能になります)
(1)これってバグですか?
(2)IMG要素を包括するA要素にdisplay:block;とwidthとheightを指定したいのですが
指定しつつこのクリックできなくなる現象を解消する方法はありますか?
(1)と(2)を教えてください
お願いします
588 :
Name_Not_Found:2007/10/20(土) 18:17:24 ID:q7jRWoRR
>>587 それと同じ物ですか?
IE6.0の標準モードと互換モードでは見られませんでした
またA要素の祖先要素にwidthやheightを指定してもしなくても見られます
>>586のソースが最小のソースだと思います
紹介していただいた物は内容物にIMGを指定してもクリックできます
別物だね。
IE5.0なんて使ってる世捨て人がいるのか?
前々から悩んで今だ解決してないのですが
IE以外のプラウザで<ul><li><a>のリンク列の左側に大きく余白ができてしまう。
margin:0px;
padding:0px;とかにはしてるんですが・・・
解決サイトどなたかご存じないでしょうか?
594 :
591:2007/10/20(土) 18:34:52 ID:???
>>592 ありがとうございます。margin指定しない方がよいのでしょうか?
595 :
591:2007/10/20(土) 18:40:41 ID:???
>>593 「リスト要素のmarginを使ってli要素を配置するブラウザ」
勉強してみます!ありがとうございます^^
596 :
Name_Not_Found:2007/10/20(土) 18:49:14 ID:q7jRWoRR
>>589 新手ですか?回避方法はどこかに載ってますか?
>>590 一応対応しないといけないので・・・
とくにクリックできなくなるというのは閲覧する上で致命的な支障で
>>596 テメエでバグ辞典なり調べてから言えよ。
今更IE5の対応方法聞かれたって、このスレで持ってる奴は希少だろ。
大体ソースもimgにサイズ入ってないし、プロとは思えない。
>>598 ごめん、<li>じゃなくって<ul>にpadding: 0px;指定です。ありがとう!
>>596 画像を背景にするのが手っ取り早いと思うんだが
>>599 まず全てのmargin・paddingを殺してからやるものです。
そういう意味で本当にバカですね。
> 大体ソースもimgにサイズ入ってないし
>>599 そもそもIEを基準にしてコーディングしようとするのが間違ってる
604 :
Name_Not_Found:2007/10/20(土) 20:13:47 ID:q7jRWoRR
>>597 探した限りでは更新がとまっている
http://cssbug.at.infoseek.co.jp/ には載っていませんでした
IMG要素のheight属性・width属性は#IMPLIEDなので最小のソースという意味で記述していません
ちなみにIMG要素にheight属性・width属性を記述してもIE5.0で同様の症状が見られます
あと表示確認のためにStandaloneIE等のIE5.0を入れている人は少ないんですね
>>600 ギャラリーのようなページで
全アンカーに個別にcssでbackground-imageを指定するのは大変で
>>604 css2.0〜に準拠してないブラウザに合わせても仕方ないでしょ。
クラシックブラウザに対応したい人は別の方法を考えるか諦める。
CSS1にもwidthプロパティ、heightプロパティ、displayプロパティとdisplayプロパティのblock値はある。
UAはdisplayを無視してUAのデフォルト値を使ってもいいとされているが、
アンカーが無効になるという動作が認められているわけではない。
バグスレ行け。
バグスレは報告のみだろ
>>586の(1)に関しては解決&バグスレに報告しとけ
向こうで質問したらまたこっちに戻されるぞ
609 :
Name_Not_Found:2007/10/20(土) 21:03:48 ID:q7jRWoRR
>>605 606さんも書いていますが使っているものはcss第一水準にあるものだけです
>>606-608 わかりました行ってきます
(2)のこの現象を解消する方法はありますか?
今のところpaddingを多めに取って移動できなくなることは回避しているのですが
反応するのは画像の周辺だけで画像部分を押しても反応しないというのは
直感的ではなく操作性を著しく低下させるので何か方法があれば教えてください