マルチクラスのためにCSSがレンダリングされない

Question

CSSに問題があります。 FF、クロム、IE9、IE8のような現代のブラウザではすべてうまく動作しています。今問題はIE6（もちろん）とIE7で起こっています。

私はこれらの2つのブラウザで私のCSSの80％が無視されると思います。 HTML5のdoctypeを使用している情報については、こちらをご覧ください。 exempleについては

：

<div id="bgVideoContainer"> 
    <div class="borderTop"></div> 
    <div id="content"> 
     <div class="boxes fleft"> 

とCSS：

.borderTop { 
     position: relative; 
     top: 0; 
     border-top: 1px solid black; 
} 

.boxes { 
     margin: 0 0 15px; 
     padding: 0 25px; 
     width: 924px; 
} 

.fleft { float:left; } 

そして、このような構造の多く：

<div id="videoCanvas"> 
    <div class="column-left"> 
     <object id="videoContainer" 

#videoCanvas .column-left #videoContainer { 
     width:600px; 
     height:473px; 
     background-color:#000; 
     color:#fff; 
} 

そして、これのどれもが、IE7および6に示していません。.. ..混乱している私は、それを修正するために何をすべきですか？

Answer 1

あなたはIE6 and 7用に別のスタイルシートを作成することができ、この

ような何かを行うことができます。必要なものを使いましょう。 cssこれらのスタイルシートへのクラス。

使用し、開発者のIEブラウザでツール（CTRL + F12）とクラスに応じ

などを編集します。

<!--[if IE 7]> 
    <link href="IE-7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

Answer 2

IE6〜IE8はhtml5要素を認識しません。詳細はhereをクリックしてください！

Answer 3

DOCTYPEを変更して問題がないか確認しましたか？

また、仕事にリンクする機会はありますか？

あなたのCSSにIEが動作しない場所がありますか？ DOCTYPEでなければどこかで壊れたスタイルになる可能性があります。