html - テーブル セル内の GoogleMap の幅

Question

2 つの列を持つテーブルを使用して、単純な Web インターフェイスを作成しようとしています。

• 左: 幅 400px
• 右: 残りの使用可能な幅

それはとても簡単なことだと思いますが、私にはできません。私が成功に近づいたのは、このコードでした

HTML:

<table id="container">
    <tr>
        <td style="width: 20%">
            <div id="sidebar" style="z-index:1;"></div>
        </td>
        <td style="width: 80%">
            <div id="map_canvas" style="z-index:10;"></div>
        </td>
    </tr>
</table>

CSS:

#map_canvas {
    position: absolute;
    min-height: 99%;
    height: auto !important;
    height: 99%;
    _height: 99%;
    width: 80%;
}

ただし、常に水平スクロールバーが表示され、マップがウィンドウの幅からはみ出します

ありがとう、そして私の下手な英語でごめんなさい...