ページ上部に余白!bodyに勝手にmargin-top 28px。
2013-07-27 Sat
WordPressをオリジナルのデザインに変えている最中に、どこでどうなったのか。ページの上部に余白?マージン?が勝手にできてしまって、どうにも悩んでしまいました。
body に適用してるスタイルがおかしいのかと思って、スタイルシートをさんざんみなおしたりして。
WordPressは超初心者なです。というか、初めて作りながら勉強している最中だったのです。いぢめないで欲しいんです。くすん。
時間をたっぷりとムダにしだけど、やっと対処できました。
ソースを見てみると、(ソース何度も見たけど、頭に血がのぼっていて、気がつくまでにすごく時間がかかりました。それに勝手に書きだされてるものが悪さしてるなんて思わなかったから、疑いの目が弱かったです。はぁ。)こんなコードが勝手に<head>…</head>の間に入ってしまうのであります。
</pre> <style type="text/css" media="print"><!-- #wpadminbar { display:none; } --></style><style type="text/css" media="screen"><!-- html { margin-top: 28px !important; } * html body { margin-top: 28px !important; } --></style> <pre>
あぁぁ。そうそう。28px位の高さです。きっとこれです。消したい。
やっとみつけた。
「ダッシュボード」>「ユーザー」>「あなたのプロフィール」で「サイトを見るときにツールバーを表示する」のチェックをはずす。
それだけ~。 脱力しちゃったぁ。初心者を泣かせてくれるな~。
「margin-top 28px」で検索すると、もっとわかりやすく説明してくれる方が見つかるはずです。