書いてない部分に文字が表示
-
0 名前： 小間使い ： 2006/11/11（土） 11:53 ID:hWP5/y5r
- 初めて利用させていただきます。
タイトルの通り、としか言えず申し訳ないのですが、本来記述のない部分に文字表記が出るというトラブルが生じています。
こちらトラブルを確認できるのはIEのみで、制作ソフト（Dreamweaver8使用）のデザインプレビューでは問題なし、またFirefoxでも起きていません。
論より証拠、といいますかトラブルページのタグを全てコピーしました。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>トラブルタグ</title>
<style type="text/css">
<!--
body {
margin: 0px;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10pt;
color: #333333;
background-image:url(home/pawa_site/background.gif)
}
/*----------表示範囲750px----------*/
#outline {
width: 750px;
text-align: left;
margin: 0 auto;
background-color: #FFFFFF;
border-right: #666666 solid 1px;
border-left: #999999 solid 1px;
}
/*----------表示範囲 横スペース付け10px----------*/
.outline-margin { margin:0 10px; }
/*----------ヘッドライン----------*/
.head-line{
height: 20px;
padding-right: 0px;
border-top: #999999 1px solid;
border-bottom: #999999 1px dotted;
padding-top: 8px;
padding-right: 0px;
padding-left: 10px;
background: #C6E1D7;
padding-bottom: 0px;
}
/*----------ヘッダー----------*/
.header
{ height: 100px;
background: #ffffff;
border-bottom: #999999 1px solid;
}
/*----------フッター----------*/
.footer
{ height: 20px;
padding-right: 0px;
border-top: #999999 1px dotted;
border-bottom: #666666 1px solid;
padding-top: 7px;
padding-right: 0px;
padding-left: 10px;
background: #C6E1D7;
padding-bottom: 0px;
}
.c-both { clear:both; font-size:0px}
/*----------メイン部分 縦サイズ----------*/
.main { height:500px;}
/*----------メイン部分 右 横サイズ----------*/
.main_R { width: 200px; height:500px; float: right; background: #ffffff;}
/*----------メイン部分 右 その１----------*/
.main_R_01 { width: 200px; height: 180px; float: right; background: #ffffff; margin-top: 10px; border: #cccccc 1px solid;}
/*----------メイン部分 右 その２----------*/
.main_R_02 { width: 200px; height: 50px; float: right; background: #ECF6F9; margin-top: 10px; border: #cccccc 1px solid;}
-->
</style></head>
<!-- 表示範囲750px↓ -->
<div id="outline">
<!-- ヘッドライン↓ -->
<div class="head-line">ヘッドライン</b>
</div><!-- ヘッドライン↑ -->
<!-- ヘッダー↓ -->
<div class="header">
ヘッダー
</div><!-- ヘッダー↑ -->
<!-- 表示範囲 横スペース付け10px↓ -->
<div class="outline-margin">
<!-- メ_縦サイズ↓ -->
<div class="main">
<!-- メ_右_横サイズ↓ -->
<div class="main_R">
<!-- メ_右_1↓ -->
<div class="main_R_01">
テストテスト<br />
テストテストテスト<br />
テストテストテストテスト<br />
</div><!-- メ_右_1↑ -->
<!-- メ_右_2↓ -->
<div class="main_R_02">テストテストテスト<br />
テストテストテスト</div><!-- メ_右_2↑ -->
</div><!-- メ_右_横サイズ↑ -->
</div><!-- メ_縦サイズ↑ -->
</div><!-- 表示範囲 横スペース付け10px↑ -->
<div class="c-both"><br></div>
<!-- フッター↓ -->
<div class="footer">
コピーライトなど
</div><!-- フッター↑ -->
</div>
</body>
</html>
こちらのメインスペース右の２段目の下に「テスト」と余計に表示される、という状態です。
よろしくお願いします。
-
1 名前： シオン ： 2006/11/11（土） 11:53 ID:4Fnb48gu
- 最後のテストの後ろに<br /><br />
と追加したら消えました。
ダメかな？
-
2 名前： 小間使い ： 2006/11/11（土） 11:53 ID:hWP5/y5r
- ＞シオンさん
なるほど、改行すれば確かに直りました。
しかし何故その方法で直るのかが不思議でなりません・・・。
とにかく！ありがとうございました。
こちらの掲示板は皆さんのご対応がとても早く、感謝しています。
-
3 名前： K+S ： 2006/11/11（土） 11:53 ID:nROqylMa
- 原因はIEの致命的なバグです。
http://members.at.infoseek.co.jp/cssbug/detail/winie/b166.html
このような現象は個人で検証しても原因を追究できず非常に厄介です。
-
4 名前： 匿名 ： 2006/11/11（土） 11:53 ID:s8EdSlDg
- 関係ないと思いますが、<body>が抜けてますよ。
