- 締切済み
IEにてthタグに付加したwidth: 1em;がうまく動作しない。
.ems1 { width: 1em; } 上記のようなCSSを宣言した後、 <th class="ems1">0</th> のようなHTMLを表の中で適切なところに書いたとき、IEにてそのセルの幅が1emになりません。 Firefoxだと正常に表示されるので、書き方は間違っていないと思うのですが。。 どなたかIEでもきちんと表示できる方法を教えていただけると嬉しいです _ _
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- issa_srv
- ベストアンサー率44% (40/89)
ソースが無いので詳細はわかりませんが、スタイルシートの優先順位が低いか または、thが記述されている行より上で既にwidthが指定されているなどが考えられます。 こちらでも、IE6で確認しましたが、thタグにem単位で幅を指定しても通常通り適用されました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <style type="text/css"> <!-- .test{ width:10em; } --> </style> <title>test</title> </head> <body> <table border="1"> <tr> <td class="test">1 </td> <td>2 </td> <td>3 </td> </tr> </table> </body> </html>
テーブルの幅指定に「em」を使われることはほとんど無いように思います。 [emとは] http://www.sophia-it.com/content/em em表記をpx表記にしてはどうでしょうか。 1emと1pxはイコールにはなりませんのでご注意下さい。