HTMLウェブページ全画面

私はこのウェブページを持っており、ウェブページの周りに空白があることがわかります。私は100％にされた幅と高さにCSSを設定しようとしたが、わからない、なぜその画面全体に達していない：HTMLウェブページ全画面

誰もこれを支援することはできますか？

2011-10-19 Alpdog14

CSSリセットシートを検討してください。 –

これは助けとなりました。私はラッパーの幅と高さ全体を表示するようにしましたが、今度はフッタの一番下に大きな白いギャップがあります：luc.edu/loyolamaps/basemap誰かがそれを修正する方法を知っていますか？私は様々なCSSの編集を試みましたが、何も地図全体をフッターにしていません。 – Alpdog14

私はそのギャップを見ません。あなたはどんなブラウザですか？ –

私はあなたの内容は、ビューポートのoutter-限界に到達することができます

body { 
    margin: 0; 
    padding: 0; 
}

が必要と考えています。

出典

2011-10-19 17:51:34

これらの他の要素が、デフォルトではなく、親からパディングまたはマージンを継承するように設定されている場合のみです。 – animuson

@animuson：私の最初の例では '*、body'を使っていましたが、それ以来私はそれを改訂しました。 –

body要素にはデフォルトでmargin: 10pxがあります。本体のCSSにmargin: 0を追加するだけで問題ありません。

出典

2011-10-19 17:50:30 animuson

これは助けになりました。ラッパーの幅と高さ全体が表示されるようになりましたが、今度はフッタの下に大きな白い隙間があります： http://luc.edu/loyolamaps/basemap/ 誰もそれを修正する方法を知っていますか？私は様々なCSSの編集を試みましたが、何も地図全体をフッターにしていません。 – Alpdog14

答えて

関連する問題