みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

横線の書き方

CSSを使って横線を記述しようとしています。
こんな感じで書きました。

css-------------------

.udl5 {
margin-right: 5px;
margin-left: 5px;
margin-top: 3px;
margin-bottom: 1px;
border-left-style: none;
border-left-width: 0px;
border-right-style: none;
border-right-width: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
border-bottom-style: none;
border-bottom-width: 0px;
width: 600px;
height: 1px;
}
-----------------------------------------------

html-------------------------------------------

<div class="udl5"></div>

-----------------------------------------------

こんな感じで記述したのですがIE7ではちゃんと
表示されるのですが、IE6だと線の下に10pxぐらいの
空欄ができてしまいます。
なぜでしょうか?
もし知っている方がいれば教えていただければと思います。

よろしくお願いします。

投稿日時 - 2009-04-11 15:39:04

QNo.4870764

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

IE6のテスト環境は、無いですが。
IE5.5でしかチェック出来ませんが。
.hr {width:100%;border-top:Black 1px solid;margin-top:5px;}
指定していますが。IE5.5とIE7相違は、無いですが。

投稿日時 - 2009-04-12 18:18:56

ANo.2

もしかして、
それは、単なる横罫線を1本だけ引きたいのかな?
悪いこと言わないから、その膨大なCSSを全て削除して
<hr>
だけにした方が良いのでは・・・

投稿日時 - 2009-04-11 16:44:59

ANo.1

隣接ブロックとのmarginや上位ブロックでのpaddingとかがそういう設定(または未設定)になってるからじゃないかな?

投稿日時 - 2009-04-11 15:45:31

あなたにオススメの質問