- ベストアンサー
解析タグで余白ができてしまう。。。
bodyタグ終了直前に解析タグを入れたら、実際にブラウザで見るとフッターの下に余白が できてしまいます。 解説タグをいくつか入れているのですが、解析スクリプト内に記述があるimgタグが問題を 起こしているようなのですが、同様の現象ってありますか？ 対処法などがあれば教えて下さい。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
文字化けているというか、HTMLタグが無効になっていますね。 HTMLを直接編集できない環境ですか？ 余白以前に、解析は正常に動いているのでしょうか？
その他の回答 (3)
- dscripty
- ベストアンサー率51% (166/325)
<div style="display:inline;"> は <div style="position:absolute;"> で body のレイアウトから追い出せばいい気がする。 でも、 ↓<noscript> になってたりしない？ | <script> | <div style="display:inline;"> | <img alt="" height=1px width=1px ～> ← これが悪さしている模様 | </div> | </script> ↑</noscript>になってたりしない？ だとすると、JavaScript が有効なときは、img タグを body の最後に後から追加してるかもしれないから、アクセスした後の DOM を Firefox なら DOM Inspector とか Firebug とか Google Chrome なら [レンチアイコン]>[ツール(L)]>[デべロッパー ツール(D)] とか、 IE8 なら http://msdn.microsoft.com/ja-jp/library/cc848894.aspx とかで、 確認して、style タグか、外部 CSS で、追加された要素をうまくセレクタで選択して position:absolute; しないとだめかも。
お礼
すいません。noscriptでした。。。 ご指示頂いた内容を試してみます。色々とアドバイスありがとうございます！
補足
【補足入力】欄に書いちゃいますが、いましがたFirebugで当該個所をみてみると、 <noscript><div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="解析タグのURL"/> </div> </noscript> と、なんだか文字化けしてしいるように思えます。<img>がimgタグでなく認識されて余白を生み出しているのでしょうか。
レイアウト的には以下のような感じになります。 </body>の前に書くのが理想ですがそれが原因でレイアウトが崩れるなら その限りではないです。 style="display:none;"で非表示にするでもよさそうですが セキュリティの観点から実行できなくなるかもしれません。 ・背景の下にマージンができる。（現状こっち？） <html> <head> <!--(略)--> </head> <body> <div class="wallpaper"> <!--(略)--> </div> <img alt="解析タグ"/> </body> </html> ・背景の下にマージンができない。 <html> <head> <!--(略)--> </head> <body> <div class="wallpaper"> <!--(略)--> <img alt="解析タグ"/> </div> </body> </html>
お礼
前者の記述になります。 現在こうしています。 <html> <head> <!--(略)--> </head> <body> <div class="wallpaper"> <!--(略)--> </div> <div id="footer"> <!--(略)--> </div> <!-- 解析タグ --> <script><!--(略)--></script> <script><!--(略)--></script> <script> <div style="display:inline;"> <img alt="" height=1px width=1px ～> ← これが悪さしている模様 </div> </script> </body> </html> こんな感じになります。
背景を設定している <div> タグ等の終了直前にかかないからかと...
お礼
ご回答ありがとうございます。 もう少し詳しく教えて頂きたいのですが、解析タグというのは、基本bodyの終了タグ直前に書く物ではないのですか？
お礼
やっぱりそうですよね。 解析がとれているか、また解析タグの記述が正しいかをまずは確認してみます。