ここから本文です

IE10でnth-childが適用されない

tsy********さん

2013/7/114:10:08

IE10でnth-childが適用されない

調べてみるとIE9以降ではCSSのnth-childが使えると書いてあったのですが、
実際に記述してIE10で表示してみるとなぜか全く適用されていませんでした。

現時点ではHTML側に
<meta http-equiv="X-UA-Compatible" content="IE=6">
と入れて対処していますが、これを入れるとjavascriptで読み込んだテーブルの文字が勝手に中央寄せになってしまいます。

あまり詳しくないのでここから先どう対処すれば良いのか困っています。

Firefoxでは全て問題なく表示されています。

解決策をお願いいたします。

もし他に情報が必要であれば追記いたします。

補足このmetaを入れるとnthchildが反映されるようになりますが別の部分で表示が崩れてしまいます。

.boxbox:nth-child(3n){
margin-right: 0px;
}

よろしくお願いします。

この質問は、活躍中のチエリアン・専門家に回答をリクエストしました。

閲覧数:
1,901
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

arc********さん

2013/7/117:39:49

> 現時点ではHTML側に
> <meta http-equiv="X-UA-Compatible" content="IE=6">
> と入れて対処していますが

とのことですが、何に対する「対処」でしょうか。
むしろ、この記述があるために IE10 が IE6 モードとして振舞ってしまっており、 nth-child 擬似クラスが無視されているのではないでしょうか。

この meta 要素タグを記述している理由を教えてください。
また、実際に記述してみた nth-child を含む CSS と、その際の HTML 構造がどのようなものか教えてください。

この質問は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる