2011-01-16 6 views
0

J'ai une page qui utilise css. Je travaille bien dans firefox mais quand j'ouvre dans IE il semble y avoir aucun style.Internet Explorer ne pas charger la feuille de style

<!DOCTYPE html> 
<html> 
    <head> 
     <title>MySite</title> 
     <%= stylesheet_link_tag :all %> 
     <%= javascript_include_tag :defaults %> 
     <%= csrf_meta_tag %> 
    </head> 
    <body> 
     <p> 
      <nav> 
       <ul> 
        <li> 
         <a href="#">Login</a> 
        </li> 
        <li> 
         <a href="#">Blog</a> 
        </li> 
        <li> 
         <a href="#">Contact Us </a> 
        </li> 
        <li> 
         <a href="#">Help</a> 
        </li> 
        <li> 
         <a href="#">Trends</a> 
        </li> 
        <li> 
         <a href="#">Your Privacy!</a> 
        </li> 
        <li> 
         <a href="#">Terms of Use</a> 
        </li> 
        <li> 
         <a href="#">mySite.com</a> 
        </li> 
       </ul> 
      </nav> 
     </p> 
     <%= yield %> 
    </body> 
    <aside style ="float:right; font-size:x-small;background:#ffffff;"> 
     <center> 
      Local Areas 
     </center> 
     <% @states.each do |state| %> 
     <ul> 
      <a href= "/states"> 
       <li> 
        <%= state.name %> 
       </li> 
      </a> 
     </ul> 
     <% end %> 
    </aside> 
    <footer> 
    </footer> 
</html> 

IE source de

<!DOCTYPE html> 
<html> 
    <head> 
     <title>MySite</title> 
     <link href="/stylesheets/scaffold.css?1295095254" media="screen" rel="stylesheet" type="text/css" /> 
     <script src="/javascripts/prototype.js?1294724842" type="text/javascript"></script> 
<script src="/javascripts/effects.js?1294724842" type="text/javascript"></script> 
<script src="/javascripts/dragdrop.js?1294724842" type="text/javascript"></script> 
<script src="/javascripts/controls.js?1294724842" type="text/javascript"></script> 
<script src="/javascripts/rails.js?1294724842" type="text/javascript"></script> 
<script src="/javascripts/application.js?1294724842" type="text/javascript"></script> 
     <meta name="csrf-param" content="authenticity_token"/> 
<meta name="csrf-token" content="u33vgyzezXE8932GvLEjMtZNNAbB2FJOSmYQCnM4/OE="/> 
    </head> 
    <body> 
     <p> 
      <nav> 
       <ul> 
        <li> 
         <a href="#">Login</a> 
        </li> 
        <li> 
         <a href="#">Blog</a> 
        </li> 
        <li> 
         <a href="#">Contact Us </a> 
        </li> 
        <li> 
         <a href="#">Help</a> 
        </li> 
        <li> 
         <a href="#">Trends</a> 
        </li> 
        <li> 
         <a href="#">Your Privacy!</a> 
        </li> 
        <li> 
         <a href="#">Terms of Use</a> 
        </li> 
        <li> 
         <a href="#">mySite.com</a> 
        </li> 
       </ul> 
      </nav> 
     </p> 

    </body> 
    <aside style ="float:right; font-size:x-small;background:#ffffff;"> 
     <center> 
      Local Areas 
     </center> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Texas 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Mississippi 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Alabama 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Alaska 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Arizona 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        California 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Colorado 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Connecticut 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Delaware 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Florida 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Georgia 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Hawaii 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Idaho 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Illinois 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Indiana 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Iowa 
       </li> 
      </a> 
     </ul> 
     <ul> 
      <a href= "/states"> 
       <li> 
        Kansas 
       </li> 
      </a> 
     </ul> 
    </aside> 
    <footer> 
    </footer> 
</html> 
+0

Pourriez-vous présenter le code affiché par IE "source view"? –

+0

Qu'est-ce que CSS ne s'applique pas? Quel HTML avez-vous (montrez le HTML, pas le modèle que vous donnez à Ruby). – Quentin

Répondre

3

Vous utilisez toutes sortes de HTML 5 balises qui ne fonctionnent pas avec la plupart des navigateurs modernes ... à savoir: navigation, de côté, et pied de page; remplacez-les par divs et leurs propriétés CSS et vous devriez aller bien. Vous avez également une balise d'ancrage avec des éléments de liste à l'intérieur!

Mon conseil serait de le faire passer par le W3C validator pour effacer la marque invalide.

1

Quelle version d'IE utilisez-vous? IE ne supporte pas html5, et votre utilisation des balises html5 qui ne fonctionnera pas. Vous devez les remplacer par div et les styler en conséquence avec css

Questions connexes