javascript - 相対位置のhtmlテーブルが水平スクロールバーに表示されるはずです

Question

私は次のようなhtml構造を持っています：

<table>
    <tr>
        <td colspan="11">                        
            <table style="vertical-align: middle; width=100%;" id="myInnerTable">
                <tr>
                    <td align="right">
                        Some controls
                    </td>
                </tr>
            </table>
        </td>
    </tr>
<tr id=”myOuterTableTR”&gt;
...more <tr> tags
</table>

水平スクロールバーがない場合、「一部のコントロール」は期待どおりに右揃えで表示されます。ただし、水平スクロールバーがある場合、「一部のコントロール」は右端に移動し、表示されないため、ユーザーは右端にスクロールして表示する必要があります。

水平スクロールバーがあっても画面に表示したいので、右にスクロールして表示する必要はありません。

「myInnerTable」テーブルの位置を固定しようとしましたが、その場合、次のtrタグのコントロールがコントロールmyOuterTableTRと重なるようにページのレイアウトが乱れmyInnerTableます。myInnerTableですから、私は相対的な立場だけが必要だと思います。

JavaScriptを記述して、水平スクロールバーがあるかどうかを確認してから、右マージン/スペースをmyInnerTableに追加して、スクロールせずに表示できるようにする必要があると思います。

また、私はJScriptを使用していません。