IE 7の画面で 右側の小さな二段の三角

質問

IE ver:7.0で見ていますが、画面の右側の方に「二段の小さな三角しるし」が有ります。クリックしても、ほんの数ミリ上下するだけですが何の為に有るのですか。

「NECのOKWave」から入って、
一例として、下の「質問内容には関係ありません」
http://personal.okwave.jp/qa2634805.html?check_ok=1

此処の画面の「役にたった」と言う所と、「このQ&Aをともだちに紹介する このQ&Aをブックマークする 」と言う項目が一番下にも有りますが、その、右の方に有る三角印の事です。

よろしく　お願いします。

回答No.1

himajin100000 · ベストアンサー

アドバイスです。正解とは限らないので後の回答者を待つ方が賢明です。

IE 7 + DOM ExplorerやFirefoxの拡張であるWebDeveloperでこのページのOutline表示などを利用してID属性を調べると
ok_usertool についているスクロールバーであると言うことがわかります
さらにページに適用されるCSSを見てみますと

<link rel="stylesheet" type="text/css" media="screen,print,tv,projection,handheld" href="http://service.okwave.jp/css/community.css"/>

.ok_usertool { width:100%; w\idth:98.5%; overflow:hidden; margin-bottom:1em; }/* add by sasaki 061004 */
:root .ok_usertool { width:100%; }/* for firefox */
/* \*/ html*.ok_usertool { overflow:auto; }/* */
.ok_usertool ul { margin:0; padding:0; list-style-type:none; }
.ok_usertool li { float:left; background-repeat:no-repeat; height:20px; }

という記述が怪しいと検討が付きます
私はCSSハックに詳しくないのですが

経験上セレクタの記述方法等から

/* \*/ html*.ok_usertool { overflow:auto; }/* */

がIE向けの記述ではないかと判断し、
overflowプロパティに関する文献を探してました。

残念ながらバグ一覧のようにまとまっているページとして見つけたわけではないのですが以下のページの記述は参考に成りそうな気がしました。
あっているかはわからないので、どなたか解説・検証願います>後の回答者

http://www.ookii.org/post/the_joys_of_overflowauto_and_crossbrowser_development.aspx

>The mechanism to create scrollbars, namely overflow:auto has its own problems.
スクロールバーを(生成して)表示するメカニズム、-名前で言うとoverflow:autoだ-はそれ自身問題をかかえている。

>You see, CSS 2 does not tell browsers where these scrollbars should go, and as a result everybody does it differently.
ご存知の通り、 CSS2はブラウザに対し、スクロールバーがどのようにあるべきかということを指定しておらず
結果としてブラウザは各自バラバラの対応を採っている

>CSS 2.1 rectified this oversight by saying the scrollbars belong on the inside of the box with the overflow style,
i.e. the box does not grow to accomodate the scrollbars.
CSS 2.1ではこの表示領域を超えた部分を「スクロールバーをボックスの内側に含めるようにし、
ボックス自体の大きさがスクロールバーの分大きくなったりしないようにしなさい
と訂正された

Perhaps surprisingly, the only browser that does this is IE. All the others place the scrollbar outside the box.
This means that in IE if overflow:auto mandates a horizontal scrollbar, this scrollbar now obscures part of the content, so a vertical scrollbar is also needed.
おそらく(読者が)驚くべきことだろうが、なんとこれをきちんと行っているのはIEのみであった。
その他はスクロールバーを外側に配置していたのだ。

これはIEでoverflow:auto;が水平方向のスクロールバーを要求したら、今度はこのスクロールバーが内容の一部を侵食し、そして、水平スクロールバーが必要になるのだ。

So setting overflow:auto will cause the code sample to always have two scrollbars in IE, and only one in Firefox et al.
なので、overflow:autoは(別パーツをページに含めようかという話がこのページの前半で述べられているが訳していない)コードサンプルを動作させるとIEでのみ水平方向と垂直方向のスクロールバーが表示されてしまう。

Not strictly a problem, especially since I wanted to add a max-height so a vertical scrollbar is needed anyway.
さほど、厳しい問題でもないが、max-heightを追加したいと思っているから垂直スクロールバーがとにかく必要に成ってしまうのだ

[蛇足]
(記憶があいまいだがIE用のDOM表示ツールは、多分
http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
で得たものだったと思う。
Web Accessibility Toolbarが動作するか不明
http://www.infoaxia.com/tools/wat/index.html
IE Blogでは他にもいくつか同様のツールが公開されて居ます
http://blogs.msdn.com/ie/archive/2005/05/10/416156.aspx

FirefoxではWeb Developer以外のツールは俺は知りません。
http://chrispederick.com/work/webdeveloper/

お礼

ありがとう　ございました。

補足

あけまして　おめでとう御座います。

とても詳しい回答を頂いたのですが、「猫に小判と言うか、ダイヤモンド」で折角のご好意が生かせていません。

じっは、あの後気づいたのですが、OEでのメールを開いた時にも、同じ「二段の三角印が「送信者の欄と、あて先の欄にも」有ります。どちらも、IEの時と同じで、クリックしても、ほんの上下するのみで、何の役に立っているのか分かりません。これについて具体的に(素人に)お教え頂けると有りがたいのですが、
宜しく　お願い致します。