XHTML+CSS　フッターのcopyが2重になってしまいます

解決済

質問者：bb1234bb
質問日時：2008/02/24 03:47
回答数：2件

XHTML+CSSでのホームページ作成で、
IE6のみフッター部分の下に、
Copyright 2008 ///////// All Rights Reserved.の
erved.の部分が2重に表示されてしまいます。
どなたかご教授お願い致します。

*HTML
<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>

*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;
}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： taloo
回答日時：2008/02/24 20:12

私も何度か経験があります。

peek-a-booバグの一種だと思いますが、HTML全体の複雑な条件が絡まって発生するようで、
はっきりした原因がわかりません。

もっとも可能性が高いのはfloat:left/right、float:none、clearプロパティの３つを併用することだと思いますが、
それだけでは、現象が発生したりしなかったりです。

ご参考まで。

- 0
- 件

通報する

この回答へのお礼

floatを見直したところ改善されました！
ありがとうございました＾＾

通報する

お礼日時：2008/02/27 05:45

No.1

回答者： yosakun
回答日時：2008/02/24 16:47

フッター部分のみのソースコードだと現象を確認できませんでしたが。

。

<html>
<head>
<style type="text/css">

</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>

フッター以前のソースコードに問題があるのでは？