/* CSS・スタイルシート質問スレッド【68th】

このエントリーをはてなブックマークに追加
586Name_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)を教えてください
お願いします
587Name_Not_Found:2007/10/20(土) 18:04:53 ID:???
>>586
バグだと思ったらまず自分で調べる事
http://cssbug.at.infoseek.co.jp/detail/winie/b072.html
588Name_Not_Found:2007/10/20(土) 18:17:24 ID:q7jRWoRR
>>587
それと同じ物ですか?
IE6.0の標準モードと互換モードでは見られませんでした
またA要素の祖先要素にwidthやheightを指定してもしなくても見られます
>>586のソースが最小のソースだと思います

紹介していただいた物は内容物にIMGを指定してもクリックできます
589Name_Not_Found:2007/10/20(土) 18:23:27 ID:???
別物だね。
590Name_Not_Found:2007/10/20(土) 18:26:05 ID:???
IE5.0なんて使ってる世捨て人がいるのか?
591Name_Not_Found:2007/10/20(土) 18:26:26 ID:???
前々から悩んで今だ解決してないのですが
IE以外のプラウザで<ul><li><a>のリンク列の左側に大きく余白ができてしまう。
margin:0px;
padding:0px;とかにはしてるんですが・・・

解決サイトどなたかご存じないでしょうか?
592Name_Not_Found:2007/10/20(土) 18:30:13 ID:???
>>591
marginだからでね?
593Name_Not_Found:2007/10/20(土) 18:33:46 ID:???
>>591
前々から悩んでた割にはFAQに載ってるサイトにすら目を通してなかったわけか。
ttp://www.mozilla.gr.jp/standards/webtips/webtips0034.html
594591:2007/10/20(土) 18:34:52 ID:???
>>592
ありがとうございます。margin指定しない方がよいのでしょうか?
595591:2007/10/20(土) 18:40:41 ID:???
>>593
「リスト要素のmarginを使ってli要素を配置するブラウザ」
勉強してみます!ありがとうございます^^
596Name_Not_Found:2007/10/20(土) 18:49:14 ID:q7jRWoRR
>>589
新手ですか?回避方法はどこかに載ってますか?

>>590
一応対応しないといけないので・・・
とくにクリックできなくなるというのは閲覧する上で致命的な支障で
597Name_Not_Found:2007/10/20(土) 18:57:39 ID:???
>>596
テメエでバグ辞典なり調べてから言えよ。
今更IE5の対応方法聞かれたって、このスレで持ってる奴は希少だろ。
大体ソースもimgにサイズ入ってないし、プロとは思えない。
598バカな591:2007/10/20(土) 18:58:22 ID:???
ちょwwこの前、幅値をいろいろいじっても直らなかったのに
<li>にpadding: 0px;入れたらff2でもsafariでもちゃんと表示された
>>592>>593オマイラ神ですか!!!wwwwm(__)m

初心者テンプレ
Q:IE以外でリストの横に空白ができてレイアウトが崩れます
A:ttp://www.mozilla.gr.jp/standards/webtips/webtips0034.html
599バカな591:2007/10/20(土) 18:59:58 ID:???
>>598
ごめん、<li>じゃなくって<ul>にpadding: 0px;指定です。ありがとう!
600Name_Not_Found:2007/10/20(土) 19:00:42 ID:???
>>596
画像を背景にするのが手っ取り早いと思うんだが
601Name_Not_Found:2007/10/20(土) 19:04:44 ID:???
>>599
まず全てのmargin・paddingを殺してからやるものです。
そういう意味で本当にバカですね。
602Name_Not_Found:2007/10/20(土) 19:37:17 ID:???
> 大体ソースもimgにサイズ入ってないし
603Name_Not_Found:2007/10/20(土) 19:49:22 ID:???
>>599
そもそもIEを基準にしてコーディングしようとするのが間違ってる
604Name_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を指定するのは大変で
605Name_Not_Found:2007/10/20(土) 20:22:42 ID:???
>>604
css2.0〜に準拠してないブラウザに合わせても仕方ないでしょ。
クラシックブラウザに対応したい人は別の方法を考えるか諦める。
606Name_Not_Found:2007/10/20(土) 20:32:33 ID:???
CSS1にもwidthプロパティ、heightプロパティ、displayプロパティとdisplayプロパティのblock値はある。
UAはdisplayを無視してUAのデフォルト値を使ってもいいとされているが、
アンカーが無効になるという動作が認められているわけではない。
バグスレ行け。
607Name_Not_Found:2007/10/20(土) 20:42:58 ID:???
バグスレは報告のみだろ
608Name_Not_Found:2007/10/20(土) 20:46:16 ID:???
>>586の(1)に関しては解決&バグスレに報告しとけ
向こうで質問したらまたこっちに戻されるぞ
609Name_Not_Found:2007/10/20(土) 21:03:48 ID:q7jRWoRR
>>605
606さんも書いていますが使っているものはcss第一水準にあるものだけです


>>606-608
わかりました行ってきます




(2)のこの現象を解消する方法はありますか?
今のところpaddingを多めに取って移動できなくなることは回避しているのですが
反応するのは画像の周辺だけで画像部分を押しても反応しないというのは
直感的ではなく操作性を著しく低下させるので何か方法があれば教えてください