- 締切済み
ページ下部の無意味な余白について
こんにちは。 ただいまホームページを作っているのですが、ページ下部に意図しない余白が できて困っております。ソースはおよそ以下のような感じです。 <html> <body> //100行程度、visibility:hidden;を多用 EOF </body> </html> するとEOFの下に無意味な余白が行にして２０行ぶんくらい出来てしまいます。 EOFの上に余白ならわかるのですが、下にできるというのが不思議です。 display:none;を使うと消えるのですが、レイアウトが崩れるため使用できません。 どうしたら余白を消すことができるでしょうか？ よろしくお願いいたします。
noname#190095
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
回答No.3
visibility:hiddenではなくdisplay:noneにしてみては？
- yambejp
- ベストアンサー率51% (3827/7415)
回答No.2
＞試したブラウザはIE8とFirefox2です。 firefoxならfirebugでみればデバッグできますね いずれにしろ想像でしか言えないので、もっとざっくりした 構造に書き直して同じ現象がでるかどうかこまかくチェックするしか ないでしょう
- yambejp
- ベストアンサー率51% (3827/7415)
回答No.1
floatしっぱなしでclearをいれていないとか？
質問者
お礼
ご回答ありがとうございます。調べましたらfloatは使用しておりませんでした。
質問者
補足
補足させていただきます。 試したブラウザはIE8とFirefox2です。 またEOFを</html>の後に持ってきてもEOFの後ろに２０行ほどの余白が 出来て今います。
お礼
ご回答ありがとうございます。原因はやはりhiddenで隠されてる オブジェクトが一番下に表示されているようです。そのオブジェクトの フォントサイズを0にしたら、余白が消えました。当面の間、表示するとき だけフォントサイズを大きくするという方法でしのぎたいと思います。