MacIE5やMozillaで<br>の表示が儘成らないんですけど…

共通スタイル

br{
 margin : 0 ;
 padding : 0 ;
 display : block ;
 border-style : solid ;
 border-width : 1px 0 0 0 ;
 border-color : red ;
 background-color : transparent ;
}

<br>をブロック化して、トップにボーダーを引く

その1

素の<br>を置いてみる。MozillaでもMacIE5でも、なんにも表示されない。


その2

様子が変なので、何が起きているのか、高さを50pxにしてみる。

br.br2{
 background-color : #FFFFE7 ;
 height : 50px ;
}

MacIE5では、赤い線1本と背景色の表示になるのですが、もちろんMozillaでは、何も表示されません。

その3

確認のためボーダーを無くしてみる。

br.br3{
 background-color : #FFFFE7 ;
 height : 50px ;
 border-width : 0 0 0 0 ;
}

MacIE5は背景色のみ、Mozillaは何も表示されません。

その4

あがいてみる。

br.br4{
 color : red ;
 background : transparent ;
 height : 1px ;
}

MacIE5では、赤い線1本のみ、Mozillaは何も表示されてません。

br.br5{
 color : white ;
 background-color : transparent ;
 height : 1px ;
}

colorを変えたって、何も変わりません。


別に困ってはゐない人

©カナかな団首領 2002/4/30

案内