スタイルシート使用時の<BR>連続改行の表示について

[上に] [前に] [次に]
まる [E-Mail] 2000/02/02(水) 15:13:20
スタイルシートを使用しています。
その際、<BR>で連続改行で間隔をあけたいのですが、NNではちゃんと行数分空くのですが、IE5.0では1行に縮まってしまいます。
これをIEでも複数行分表示させるにはどうしたらよいでしょうか?

使用しているスタイルは以下の通りです。
HTMLは画像は背景のみで、すべてテキスト(文)になってます。

body        {line-height: 18pt; letter-spacing: -1pt;
             color: black;
             font-size: medium;
             background-color: whitesmoke;
             background-image: url(../image/back/bg166001.jpg);
             margin:  0em 5em 0em 5em;
}

EMI 2000/02/02(水) 15:29:40
スタイルシート使うんなら、そんな<BR>連続なんて小細工使わないでください。
間隔をあけるスタイルシート記述の例は、たとえばこんな感じ。

<style type="text/css">
<!--
  div.hoge { margin-bottom : 5em ; }
-->
</style>
</head>
<body>
<div class="hoge">
<p>この下には、5行分間隔があきます。</p>
</div>
<p>ほらね、5行分のスペースができたでしょう?</div>
</body>

まる 2000/02/02(水) 21:47:35
EMIさま

回答、ありがとうございます。
でもできるなら、スタイルシートに対応していないブラウザでも改行回数分を反映させたいのです。
(行間はともかくとして)

ブラウザを判定するか、<BR>の前に空白をおくかしかないでしょうか?

まる 2000/02/02(水) 23:59:17
[[解決]]
こんな風にしてみました。

1.body の letter-spacing: -1pt; を削除

2.以下を追加
<!ELEMENT BR - O EMPTY -- forced line break -->
<!ATTLIST BR
 %coreattrs; -- id, class, style, title --
>

……なんとも姑息な手段ですが、これなら<BR>連続改行に対応できます(^^;)
余所様の見難い文字ページも原文に近い状態で拝見できるようになったので、
当分はこれでよしとします。

でも、もし他に良い方法があったら是非教えてくださいませ♪

[上に] [前に] [次に]