CSSで回りこみを指定した時の不可解な文字
-
0 名前： 悠 ： 2005/06/04 10:17 ［URL］
- はじめまして。個人でサイトを運営しています、悠と申します。
ローカルでもサーバー上でも確認されたのですが
http://plocebo.client.jp/link.html
の最下段の文章の文末が、おかしなところに表示されています。
スクリーンショットはhttp://plocebo.client.jp/aaa.jpgです。
この様に表示されています。
なお、この現象はIE6.0とSleipnir1.66で確認されました。
しかし、Opera8.0ではこの様な現象は確認されませんでした。
CSSの記述に問題があるのでしょうか？
宜しくお願い致します。
-
1 名前： 悠 ： 2005/06/04 10:17 ［URL］
外部CSSファイルは次の様になっています。
｛CSS｝
.main {
width: 85%;
float: left;
text-align: left;
font-size: 10pt;
padding-botom: 30pt;
padding-left: 5pt;
}
.acsent {
color: red;
text-decoration: bold;
}
.link {
border-style: solid;
border-color: #A9A9A9;
border-right-width: 0px;
border-left-width: 15px;
border-top-width: 0px;
border-botom-width: 3px;
}
.indent {
margin-left: 20px;
}
｛CSS｝
-
2 名前： 悠 ： 2005/06/04 10:17 ［URL］
- 問題があると思われる部分のソースは以下の通りです。
｛ソース｝
<div class="main">
〜〜〜〜〜〜〜〜〜〜
<p><a name="etc">＞個人サイト</a></p>
<p class="acsent">まだありません。</p>
</div>
<!--メイン ここまで-->
</body>
</html>
｛ソース｝
-
3 名前： び ： 2005/06/04 10:17 ［URL］
- なんででしょうね。
とりあえず、いくつか記述ミスがあるので、
http://jigsaw.w3.org/css-validator/validator-uri.html
で検証して、直してください。
あと、P要素が多くて、文法的には特にまずいわけではないのですが、
見通しが悪いですね。
見出し
http://www.kanzaki.com/docs/html/htminfo11.html#S3
と
リスト
http://www.kanzaki.com/docs/html/htminfo13.html
について覚えるとよいと思います。
-
4 名前： 悠 ： 2005/06/04 10:17 ［URL］
- ご回答ありがとうございます。
ためになるリンクのご紹介、ありがとうございました。
これで再度、検証してみます。
本当にありがとうございました。m(__)m
です。
