- ベストアンサー
XHTML+CSSでフッターのcopyが2重になる問題の解決方法
- XHTML+CSSで作成したホームページのフッター部分において、IE6のみCopyRightの表示が2重になってしまう問題が発生しています。この問題を解決する方法について教えてください。
- XHTML+CSSで作成したホームページのフッター部分において、IE6のみCopyRightの表示が2重になる現象が起きています。この問題を修正する方法についてご教授ください。
- XHTML+CSSで作成したホームページのフッター部分において、IE6のみCopyRightの表示が2重になるエラーが発生しています。このエラーを解消する方法を教えてください。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
私も何度か経験があります。 peek-a-booバグの一種だと思いますが、HTML全体の複雑な条件が絡まって発生するようで、 はっきりした原因がわかりません。 もっとも可能性が高いのはfloat:left/right、float:none、clearプロパティの3つを併用することだと思いますが、 それだけでは、現象が発生したりしなかったりです。 ご参考まで。
その他の回答 (1)
- yosakun
- ベストアンサー率30% (3/10)
フッター部分のみのソースコードだと現象を確認できませんでしたが。。 <html> <head> <style type="text/css"> <!-- #footer { background: url(image/footer.gif) repeat; float: left; height: 70px; width: 710px; padding-top: 40px; padding-left: 40px; display: block; font-size: 12px; color: #333333; } #footernavi { height: 20px; width: 710px; float: none; line-height: 20px; } #footernavi ul { float: left; height: 20px; width: 710px; margin: 0px; padding: 0px; } #footernavi ul li { float: left; list-style-type: none; font-size: 12px; color: #333333; } #footernavi ul li a { list-style-type: none; font-size: 12px; color: #333333; text-decoration: none; } --> </style> </head> <body> <div id="footer"> <div id="footernavi"> <ul> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> <li><a href="index.html">テスト</a>|</li> </ul> </div> <p>Copyright 2008 ///////// All Rights Reserved.</p> </div> </body> </html> フッター以前のソースコードに問題があるのでは?
お礼
フッター以前のコードに問題がありました! ありがとうございました^^
お礼
floatを見直したところ改善されました! ありがとうございました^^