IEでtableタグのborder-bottomがでない!

ぎゃふん。超お久しぶり。
眠いんですが、メモメモ。絶対またやらかすと思うので。

tableタグで、borderをCSSでつけます。ごく普通に。

HTML

<table>
  <tr>
    <td>リンゴ</td><td>バナナ</td>
  </tr>
  <tr>
    <td>赤色</td>
<td>黄色</td>
  </tr>
</table>

CSS

tr{
  
border-bottom:#CCC 1px solid;
}

これの何がいけないのか。賢明なあなたはお気づきですね?

本来<tr>にborderは付けられないのです。
が、Firefox他は「仕方がないやね」と読み込んでくれる。(Firefoxはスクロールすると消えるという怪現象が起こることもある)

けど、変なところで律儀なIEだけがtrのborder設定を読まず、表示されない、という……。

……orz

コメントをどうぞ

トラックバックURL

http://deepskyblue.ciao.jp/diary/web/table.html/trackback

Page : 1 / 11

ページトップへ戻る