• ベストアンサー

ヘッダーの上に隙間が空きます。

下記ページのヘッダーの上に隙間が空きます。何が原因だかわかりません。教えていただければ幸いです。 webcreation.space/html/crowdtech.html

  • CSS
  • 回答数3
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • hoso1974
  • ベストアンサー率78% (11/14)
回答No.3

>解決しました。どのように分かったのですか? 読み込まれているCSSをすべて外して *{margin:0;padding:0;}をソース内に記述しても余白ができていたため、HTML側に問題があると切り分けました。 ページ上部に謎の余白ができる場合は、構造上おかしなところに データがあると発生することが多いです。 かんたんなチェックとして、html-lint5 Gatewayのようなサイトに 書いたソースを入れてチェックしても問題が発見されると思います。 http://www.htmllint.net/html-lint/htmllint.html 試しにdoctypeの前に全角スペースいれてチェックしてみたら きちんとエラーが出ました。 ご参考になれば幸いです。

参考URL:
http://www.htmllint.net/html-lint/htmllint.html
webokweb
質問者

お礼

>>> 読み込まれているCSSをすべて外して *{margin:0;padding:0;}をソース内に記述しても余白ができていたため、HTML側に問題があると切り分けました。 ブラウザの癖を消して、すべてのcssを消しても存在するならHTMLかJSの問題ということですね。 確かにバリデーションを使う手もありますね。 ありがとうございました。

その他の回答 (2)

  • hoso1974
  • ベストアンサー率78% (11/14)
回答No.2

doctype宣言の前に全角スペースが入ってますよ

webokweb
質問者

お礼

解決しました。どのように分かったのですか?

回答No.1

詳しくないですが、 bodyのline-heightが1.6mmになっていますが0mmにしたら隙間はなくなりました。 common.css136行目です。

webokweb
質問者

お礼

これは全体につけつためのものなので通常つけるものではないですか? 削除してもきえませんでした。

関連するQ&A

  • ヘッダーの上にほんのわずかに隙間ができる

    ウェブサイト製作の練習をしております。解決できないことがあり、質問させていただきます。 ヘッダーボックスにmargin topを設定していないにも関わらず、ヘッダーボックス上にほんのわずかに隙間ができてしまいます(1~2px程度です)。ヘッダーボックスにCSSで設定しているのは margin-left:auto; margin-right:auto; width:1000px; のみです。 bodyにはなにも設定しておりません。ちなみにIEのバージョンは8でございます。宣言は・・・ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="&rdquo;Content-Type&rdquo;" content="&rdquo;text/html;" charset="utf-8&rdquo;" /> でございます。教えてgooのトップ(http://oshiete.goo.ne.jp/)も一番上("質問&回答 (Q&A) コミュニティ - 教えて!goo"のところです)は画面上部にぴったりくっついていますよね。どうすればこのような形にできるのでしょうか?どなたかアドバイスをお願いします。

    • ベストアンサー
    • HTML
  • EXCEL:ヘッダーのようなものがプレビューになると出てくるのを消したい

    1シートの中で3ページあります。 どのページも上の方に同じヘッダー的なスペースを作っていてプレビューで見ると3ページとも同じヘッダーになるはずなんですが、1ページ目は普通なんですが、2,3ページ目がヘッダーが2つ(2行?ヘッダー部分は3行位使っていますので6行?)になってしまいます。 シートの改ページエリアを全シート一騎に変えるマクロを使ったんですが、どうやらそれが原因のようにも思えるんですが、マクロを消したあともプレビューで見るとヘッダー箇所は2つになってしまいます。 どこにそんな設定があるのかが探しても解りません…。 どなたか解りますでしょうか? 仕様しているExcelは2000でページ設定のヘッダー、フッターもチェックしてみました。 勝手な創造ですが雰囲気的に指定したセルをどのページにもヘッダーとして印刷するみたいな設定をしてしまってるような気がします。

  • WORDのヘッダーにセルを入れると・・

    WORD2000を使用しています。 ヘッダーの中に行(セル)を入れて、その行(セル)と本文の1行目に入っているセルを隙間なくぴったりつながるようにしたいのですが、ヘッダーの行(セル)の下に改行スペースが入ってしまい、できません。 このスペースをなくす方法はあるのでしょうか、教えてください。

  • ヘッダーフッターを図の上に表示させたい

    ワードを使っています。 図を貼りこんで、その上に他のページと共通のフォーマットのヘッダーフッターは表示させたいと思っているのですが、図の上にヘッダーフッターを表示させる方法はないでしょうか。

  • 隙間のないページ

    ttp://www.jfcr.or.jp/ 今HPを作っているのですがどうすれば 上記のページのように上と左の隙間を空けない ページが作れず隙間が開いてしまいます どうすれば隙間のないページを作ることが出来るのでしょうか?多分CSSだと思うのですがどうしても 分かりません。。 どなたか詳しい方いましたら教えてください<(_ _)>

    • ベストアンサー
    • HTML
  • Word 新規立上時ヘッダーフッターの高さゼロ?

    Word (2003)新規に立上げると、上下の領域がフル(ヘッダー・フッターの高さなし)になってしまいます。表示→ヘッダーフッターを起こすと表れます。ページ設定は問題ありません。ある日、新しく立ち上げると、この表示です。考えられる原因をご教示願えれば幸いです。宜しくお願い致します。

  • [html]ヘッダーの上に<li>が重なってしまう

    SNSボタンを作ってスクロールすると、ヘッダー(オレンジのところ)の上にリンクが重なってしまうのでスクロールするとヘッダーの下に行くようにする方法を教えて下さい。 SNSボタン→ https://kagesai.net/sns-follow-button-design/ 

    • ベストアンサー
    • CSS
  • ヘッダーについて

    多分、セクション区切りの問題ではないかと思っていますが、やったことがないので、教えてください。 ヘッダー(ワード2003)のページは通しで、その途中で第一章、第二章と言うように表示したい。 現在はどこかで変えようとしても、全頁が変わってしまいます。 手順を 「ファイル→ページ設定→その他→セクションの開始位置……」というように教えて頂ければ幸いです。 どうかよろしくお願い申し上げます。

  • word ヘッダーが不要な場合

    word2003を使っています。 ページ数表示のため、フッターのみ使用したいのですが、 ヘッダー領域が削除出来ず、スペースをとってしまいます。 フッターのみ使用するにはどうしたらよいのでしょうか? 宜しくお願いいたします。

  • ワードでヘッダーが異常に大

    お伝えするのが難しいのですが、ヘッダーを色々触っていたら、ヘッダーの枠がページの下(フッターの上)まで伸びてしまいました。ちじめる方法はないのでしょうか?

専門家に質問してみよう