Home > Windows > Mozilla > Netscape class属性が設定された水平線が表示されない

class属性が設定された水平線が表示されない

hr要素にclass属性が設定されているときに、水平線が表示されないときがある。

例示

<style type="text/css">
<!--
.aaa {
    height: 5px;
}
-->
</style>

<table>
    <tr>
        <td><hr class="aaa" /></td>
    </tr>
    <tr>
        <td>TEXT TEXT TEXT TEXT TEXT</td>
    </tr>
    <tr>
        <td><hr class="aaa" /></td>
    </tr>
</table>

TEXT TEXT TEXT TEXT TEXT

class属性を設定したhr要素を2つおいています。

スクリーンショット

N7N7.0での表示(標準モード)

補足

widthプロパティで幅を設定するとバグを回避できます。

修正状況

Moz1.0/N7.0では標準・互換モードともにhr要素が表示されました。ただし、他の要素・CSS指定に影響されて不具合が発生する可能性があります。

報告書き込み

CSS使っているんだけどね。
HRにCLASS属性を与えているときにWIDTHを指定しないと表示されない場合があった。
同じページで別の場所では問題なく表示されていた。

<TABLE CLASS="**">
<TR><TD><HR CLASS="abc"></TD></TR>
<TR><TD>aaaaa普通の文書aaaaa</TD></TR>
<TR><TD><HRCLASS="abc"></TD></TR>
</TABLE>

CSS内では、
.abc{HEIGHT:5PX}

こんな感じで上のHRが表示されず。CSS内でWIDTH:**px入れたら上手くいった。
6.0?7.0b、4.7、Opera、IEでは問題なし。
他のスタイルシートに干渉されたのかどうかはまだ追求していない。

※転載部分のみ引用しています。

Home > Windows > Mozilla > Netscape class属性が設定された水平線が表示されない

Search
オススメ書籍
Feeds

Return to page top