動的な量のテキストを含むフレームを作成しようとしています。角が丸いので、上、本体、下の3つのdivが作成されます。bodyはコンテンツを保持し、topとbottomはフレームのそれぞれの画像のみを表示します。これはすべてここで見ることができます:
http://www.m-challenge.com/nimrod/modular_frame.php
問題:それらの上部と下部のdivと中央のdivにスペースがあります。ご覧ください。ご意見をいただければ幸いです。ごきげんよう :-)
動的な量のテキストを含むフレームを作成しようとしています。角が丸いので、上、本体、下の3つのdivが作成されます。bodyはコンテンツを保持し、topとbottomはフレームのそれぞれの画像のみを表示します。これはすべてここで見ることができます:
http://www.m-challenge.com/nimrod/modular_frame.php
問題:それらの上部と下部のdivと中央のdivにスペースがあります。ご覧ください。ご意見をいただければ幸いです。ごきげんよう :-)
あなたの問題は、p
タグの上下にマージンがあることです。それを修正するには、マージンを 0 にします。h#
、ul
および同様のタグをボックスに入れても同じことが当てはまります。
また、このように角を丸くするのにあまり時間をかけずに、CSS3 の border-radius を使用することをお勧めできますか? まだ完全にサポートされていないことはわかっていますが、IE 以外のほとんどのブラウザーでサポートされており、IE ユーザーは正方形のボックスに完全にフォールバックするだけです。ただの提案
最初にマージンとパディングをリセットする必要があると思います: http://meyerweb.com/eric/tools/css/reset/
次に、達成したい効果に応じて適切な値を適用します。