こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

webcreation.space/html/crowdtech.html

投稿日時 - 2018-03-28 19:42:04

QNo.9482745

困ってます

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

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

読み込まれている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

投稿日時 - 2018-03-29 15:06:56

お礼

>>>
読み込まれているCSSをすべて外して
*{margin:0;padding:0;}をソース内に記述しても余白ができていたため、HTML側に問題があると切り分けました。

ブラウザの癖を消して、すべてのcssを消しても存在するならHTMLかJSの問題ということですね。
確かにバリデーションを使う手もありますね。

ありがとうございました。

投稿日時 - 2018-03-29 16:30:57

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

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

投稿日時 - 2018-03-29 12:17:20

お礼

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

投稿日時 - 2018-03-29 13:32:01

ANo.1

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

投稿日時 - 2018-03-28 20:32:12

お礼

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

投稿日時 - 2018-03-29 01:14:40

あなたにオススメの質問