css - IE8 が列を壊し続ける

Question

WordPress で動作する新しい Web サイト ( http://cravezilla.com ) に取り組んでいます。Chrome、Mozilla、Safari、IE9+ 向けにサイトを最適化しました。しかし、IE8 では、サイトの列がすべて表示されなくなり、その理由がわかりません。

IE8 プレビューのスクリーンショットを添付しました。この問題を解決するために CSS に含めることができるものはありますか?

画像は次のとおりです。

Answer 1

cssファイルでこれを試してください

.tri-block:last-child{
    margin-right:0;
    }

Answer 2

IE8 でサポートされていない box-sizing プロパティを使用しています。問題は、固定幅 950px のこれら 3 つの要素のラッパー div があることです。各要素の幅を 33.3%、パディングを 8px に指定します。パディングが幅に追加されないため、ボックスのサイズ変更で機能します。また、IE にはその方法がなく、パディングを幅に追加すると、33.3% + 33.3% + 33.3% + パディング値が得られます。これは 950px の固定サイズよりも広く、3 番目の要素が新しい行に移動します。

box-sizing 属性を削除し、これらの div の固定幅を約 300px に設定することをお勧めします。css ファイルの 483 行目にあるはずです。

それが役に立てば幸い。