★★★隙間を埋める！フッターをウィンドウ下部に固定する3つの方法 | 株式会社LIG
こんにちは、モモコです。 ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。 このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。 positionを使い、フッターをコンテンツ下部に固定する方法 【HTML】 <html lang="ja"> <body> <div id="wrap"> <header>ヘッダー</header> <div id="contents">コンテンツ</div><!-- contents --> <footer id="footer">フッター</footer> </div><!-- wrap --> </body> </html> 【css】 html,body{ height:100%; } #wrap{ width: 100%
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編)
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編) 2011-01-06 タイトル通り、"コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編)" の後編です。 今回はクロスブラウザ(IE、FireFox、Webkit系とか)に対応させるために、ちょっとだけテクニック的な事も使っていきます。 最後に完成したページをzipで公開しています。 ダウンロードして煮るなり、焼くなりしてくれると良いよ！ おさらい 前回、下記のデザインを組んでいくことにしました。 そして前回はここまでコーディングが終わりました。 今回はコンテンツとクロスブラウザに対応させます。 コンテンツのメイン画像部分を何とかする。 これを何とかしていきます。 ポイントは"シャドウ"と"文字部分の不透明"。 HTML <div> <img src="img/woman.jpg" width="6
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
