スクロールバーが表示されているときにページレイアウトが壊れます - CSS修正はありますか？

Question

垂直スクロールバーが隠されているときに、固定幅3列CSSレイアウトがうまく動作しましたが、垂直スクロールバーが表示されるとすぐに破損します。

Iきた2つの質問、

1. 私は右のdivの上にそれを作るためにZインデックスを定義するCSS要素としてスクロールバーを扱うことはできますか？

2. 私の最初の質問に対する答えは「いいえ、あなたはできません」と思いますので、これを避けるために何ができるのですか？

ここでは例：

http://www.mataborrao.eu/teste.html

Answer 1

この解決策はあなたの役に立つでしょうか？列の一つは流体であるが、おそらくそれが役立ちます。それは、ピクセル値を終了しますが、「ネストされたdiv要素の構造のノートを取るために些細です

：http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

ソリューションは、次のようになり、レイアウトのためにそこにあります"これを固定レイアウトに変換するには、http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-widthを参照してください - それはうまくいくかどうかはわかりません - あなたは同じ問題に遭遇するかもしれません。スクロールバーがあるときに動的にサイズ変更されるので、私は液体レイアウトを提案しました...

Answer 2

1 - ノー

2 - 一つの簡単なオプションは常にスクロールバーを表示することです。この回答を確認してください：Making the main scrollbar always visible

Answer 3

あなたの最初の質問に答えるのは正しいです。私が知る限り、スクロールバーにスタイルを付けることはできません。 2番目の質問は多少広がっています。多くのブラウザがスクロールバーを別の方法で扱うためです。

たとえば、OS /ブラウザによっては、ページ上のコンテンツがバーのスペースを作るようにシフトしますが、他のブラウザ（Windows上のFFなど）は、スクロールバーが存在しない場合（これにより、追加コンテンツが垂直方向に追加/移動する場合、移動が防止されます）。

あるいは、これは、ほとんどの場合で動作します...いつもそこにバーを強制的に試みることができる：これはちょっと助け

html { 
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 
} 

希望を！