解決

朝、外を見てみると、

太陽光が、縦に伸びている？！

これ、太陽柱じゃない！

ああ、太陽の位置が左側にずれているのが惜しまれる．．．

少し前は、この建物の右側に太陽が出ていたのに。

春に近づいているっていうことだから、喜ばしいことではあるのだけれど。

朝はそれなりに晴れていたけれど、午後前から雲多め。

さ、寒い．．．

多分、これで終わりかな、一昨日から書いている、Firefox65のタブ位置の件。

昨日、寝る前に、あることが閃いた。

リラックスしていると、ひょんなことからアイデアが出てくるね！

それをやってみると・・・

やったね！

僕の理想の、メニュー、URLバー、タブの順番になった！！

多段タブは崩れていない。

超嬉しい！

その前の状態がこれ。URLバー、メニュー、タブの順番だった。

これで以前と同じレイアウトになったので、スッキリ！！

では、どういうアイデアが思い浮かんだか？

ちょっと強引だけれど、margin-topでバーを動かしてしまおうというもの。

それでとりあえずなんとかなった。

userChrome.cssを使っている人であれば、このやり方でできる。

/* navigation toolbar URLバー */
#nav-bar {
    -moz-box-ordinal-group: 1 !important;
    z-index: 10 !important;
    position: relative !important;
    margin-top: 29px !important;
    box-shadow: none !important;
}
/* titlebar メニューバーとタブバーの親 */
#titlebar {
    -moz-box-ordinal-group: 2 !important;
    z-index: 1 !important;
    position: relative !important;
    margin-top: -28px !important;
}
/* menubar メニューバーは、#titlebarの子ども */
#toolbar-menubar {
    position: relative !important;
    margin-top: -26px !important;
}
/* tabs toolbar タブバーは、#titlebarの子ども */
#TabsToolbar {
    position: relative !important;
    margin-top: 29px !important;
}

説明。

同列なのが、#nav-barと#titlebar。
#titlebarの子どもが、#toolbar-menubarと#TabsToolbar。

-moz-box-ordinal-groupで、それぞれの親の順番を指定。

次に、親の方に、z-index設定。

理由は、#nav-barが#titlebarより背面になると見えなくなるので、前面に移動させるため。

あとは、margin-topの値を変更するだけ。

ポイントは、#toolbar-menubarのmargin-topの値をマイナスにし、#nav-barより上に持ってきていること。

#nav-barを下げて、#toolbar-menubarと#TabsToolbarの間に配置する。

僕の場合は、バーの縦がかなり狭いので、数値は小さい。

皆さんの環境によって違うはずなので、何度もFirefoxを再起動させて、それぞれのバーの位置を確認するといいでしょう。

margin-topではなく、出来れば、topやpositionでやりたかったけれど、レイアウトが崩れてしまうし、結構面倒くさいことになりそうなのでやめた。

とりあえず、これで問題ないからいいかなって。(苦笑)

濃い横線が入っているのは、「box-shadow: none !important;」で消せるようだ。

スマートなやり方ではないけれど、これが一番簡単なやり方になると思う。

これで、Firefox65のタブ位置の問題は解決！

かな？？(笑)