ポップアップボックスを作成しようとしています。これは、5%の位置にある固定divを使用して作成しました。
表示可能なウィンドウ全体を、端の周りの5%の境界線で埋めたいです。
現在(Chromeでしか表示していません)、希望のレイアウトを実現できますが、テキストdivの本文に高さがあると、ヘッダーの高さが追加されるため、下部にギャップはありません。
私はそれをdivとplonkingの高さを含む別のものに追加することから、すべての種類を試しました:ショー全体で100%、無駄に。
ポップアップボックスを作成しようとしています。これは、5%の位置にある固定divを使用して作成しました。
表示可能なウィンドウ全体を、端の周りの5%の境界線で埋めたいです。
現在(Chromeでしか表示していません)、希望のレイアウトを実現できますが、テキストdivの本文に高さがあると、ヘッダーの高さが追加されるため、下部にギャップはありません。
私はそれをdivとplonkingの高さを含む別のものに追加することから、すべての種類を試しました:ショー全体で100%、無駄に。
対象のブラウザサポートに応じて、CSScalc()
機能を使用できます。高さをに設定するだけ#popup_body
ですcalc(100% - 40px);
(ベンダー固有のプレフィックスが異なる複数のバージョンを含める必要があります)。
これがあなたのデモの修正版です:小さなリンク。
古いブラウザをサポートする必要がある場合は、JavaScriptを使用する必要があります。