problème de position Internet Explorer CSS

Je suis nouveau à CSS, si cette question est peut-être stupide, mais ...problème de position Internet Explorer CSS

J'ai une page web (le code ci-dessous est une simplification), où je mets une certaine structure et un css pour le positionnement. Si vous regardez, dans le code le contenu vient avant les en-têtes (pas les en-têtes html, les "menus de pages"), mais avec CSS j'ai mis ces menus en haut de la page. Donc, fondamentalement, ce que vous voyez est différent de ce que Google voit. Pourquoi? parce que je veux que Google puisse voir immédiatement le contenu (j'ai lu cela pourrait améliorer vos chances d'être correctement indexé) Cela fonctionne parfaitement dans Firefox, Opera, Safari, Chrome ... mais ne fonctionne pas dans IE7 et IE6 ..: ( dans ce navigateur, même si les "pages menus" sont affichées au sommet, ils apparaissent dans le droit, détruisant complètement la layouy de la page

HTML CODE

<body id="body"> 
    <div id="main-block"> 
     <div id="content" >  
      <!-- Here comes the content --> 
     </div>      
     <div id="rigth-col">    
     </div>   
    </div> 
    <div id="footer" > 
     <p>Footer</p> 
    </div> 
    <div id="index_header" class=""> 
    </div> 
    <div id="middle-block"> 
     <!-- Middle Content --> 
    </div> 
</body>

CSS CODE

body { 
    line-height:1.5; 
    margin-left: 120px; 
    width: 1024px; 
    height: 100px; 

    } 

#main-block{ 
    margin-top: 360px;  
    width: 1024px;  
    float: left;  
} 
#content{ 
    border:3px double #CCCCCC; 
    height: 865px; 
    width: 700px; 
    float: left; 
} 
#rigth-col{ 
    float: left; 
    width: 310px; 
    height:865px; 
    border:3px double #CCCCCC; 
} 

#middle-block{ 
    clear: both; 
    position: absolute; 
    top : 195px;  
    width: 1024px; 
    height: 150px; 

} 

#footer { 
    float:left; 
    margin-top:20px; 
    width:1024px; 
    border:3px double #CCCCCC; 
} 

#index_header{ 
    clear: both; 
    position: absolute; 
    top: 20px;   
    width: 1024px;  
}

On Firefox

On IE

Source

2010-10-20 Nisanio

"J'ai lu que cela pourrait améliorer vos chances d'être correctement indexé". OÙ ?! – MatTheCat

Je ne me souviens pas. – Nisanio

pouvez-vous faire une démo @ jsfiddle.net ou work.arounds.org/sandbox/new? Cela rend plus facile si vous pouvez lier à la vraie page. –

Internet Explorer, en particulier les versions antérieures, peut être très sensible à l'ordre dans lequel vos éléments flottants apparaissent.

Je pense que vous pourriez être trompé sur le fait d'avoir le contenu en haut pour aider Google - ce n'est certainement pas pratique courante parmi les sites avec de bons classements. Étant donné que, si vous réorganisez votre page dans un ordre plus logique, cela devrait faciliter le traitement des petites bizarreries amusantes d'Internet Explorer.

Si cela ne vous aide pas, vérifiez que IE ne calcule pas/ne définit pas correctement la taille de vos divs - s'ils ont commencé à se heurter les uns contre les autres, cela provoquerait probablement une mise en page défectueuse.

Source

2010-10-20 17:13:29 Andy

problème de position Internet Explorer CSS

Répondre

Questions connexes