それは昨日のことじゃった…

昨日の放課後、教室で居残りをしていたら、
K先生が「やりたいひとはやって」という
CSSの課題を出すだけ出して、
ひゅるりら～と風のようにお帰りになられた…。

出された課題は、
こんなテーブルをCSSを使って作成せよ！
というもの。

基本、出された課題はこなしてみたい派のワタクシ。
やってやりましょうさ！　と気合をいれてLET'S　DO　IT。

で、すんごいがんばった　ら、出来ました。

んが。
どぉ～してもIEで表示ができない。

なぜ！？　なぜ！？　なぜなんだぁ！！！！

と、きゃんきゃんさんに手伝っていただきつつ唸っていたところ、
K先生が教室にcome back！

Firefoxで開けてみたら、あっさりと表示。

「だからFirefoxでやれっていってんじゃん」
と、いうありがたいお言葉と共に、
その日は終わったのでございました…。


んが。



悔しいじゃあないですか。IEで表示ができないの。
っていうか、ほとんどの人が使用しているのはIEじゃないですか。

で、探って、やっとこさ理由を発見。
何のことはない、しっかりCSSで指定せよ。ということみたいでした。
（私の検証結果です）

は～、スッキリ！！

以下にCSSのソースを書いておきます。

｛｝と／、は全角にしてありますので、
試してみる際は、半角に打ちなおしてご使用くださいませ。
table, tr, th, tdを使うテーブルで使って下さいね☆


【CSS】

／* ---（ ここでtableとtrとtd の指定をする）--- *／
table,tr,td{
border: solid 1px #000000;
border-collapse: collapse;
}


／* ---（ ここでthの指定をする）--- *／
th{
border: solid 1px #000000;
border-collapse: collapse;
}