- 締切済み
【CSS】ヘッダ固定
CSSを使ってヘッダを実現したいです。 検索サイトで探したところ、以下URLが実現したい事に近いです。 http://css.alsacreations.com/modeles/modele13.htm 上記サンプルはヘッダとボディーの比率をheight: 20%; height: 80%;で指定してますが、私が実現したい事は、ヘッダのサイズを一行（文字の高さ）としたいのです。 どうしたらよいでしょうか？
- 小林 K太郎（@kingfruits）
- お礼率66% (211/319)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
おかしなソースですね。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?V=on&URL=http://css.alsacreations.com/modeles/modele13.htm たったこれだけのソースでこれだけ減点されるとは・・・(^^) XHTML1.0で書き直します。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>タイトル</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> html,body{height: 100%;width: 100%;overflow: auto;} body{ margin: 0;padding: 0;} h1{font-size: 1em;font-weight: bold; text-align:center;margin-top:0px; padding: 0.2em; height: 1.2em;background-color: blue; color: yellow;} </style> </head> <body> <h1 id="top">見出しレベル１</h1> <div id="naiyou"> <h2>見出しレベル２</h2> <p>文章</p> <p>文章</p> </div> </body> </html>
お礼
ご回答ありがとうございます。 サイズをemで指定するところがポイントなんですね。 参考にさせていただきます。