CSS question dans IE7

Question

<style> 

     div{ 
      height:100px; 
        } 

     #wrapper{ 
      position:relative; 
     }   

     #navigation { 

      position:relative; 
      width:400px; 
      background-color:black; 
      float:left; 
     } 
     #content{ 
      width:2300px; 
      background-color:red; 
      padding-left:500px; 

     } 

     #iframe{ 
      background-color:green; 
     } 


    </style> 

<div id="wrapper"> 

     <div id="navigation"> 
      sss 

     </div> 

     <div id="content"> 

      <div id="iframe"> 
       content 
      </div> 
     </div> 

    </div> 

Dans les navigateurs comme IE8, FF #content div vient en ligne avec la navigation dans IE 7 contenu div est en baisse. Je suis à la recherche de la solution de ce problème IE IE7 Merci pour toute votre aide

Answer 1

avait un problème similaire. a résolu le problème grâce à l'utilisateur VinayC. Je suis sûr que cela vous aidera aussi. la solution est le positionnement relatif. vérifiez ce lien: http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

Answer 2

Dans IE, la valeur #content diminue parce que la largeur de cet élément est supérieure à celle de la fenêtre/du corps. Mais je ne suis pas sûr si c'est la même chose avec IE9.

Pour résoudre ce problème, ajoutez une largeur de #wrapper supérieure à la largeur de #navigaton + #content.

#wrapper{ 
    position:relative; 
    width: 2800; 
} 

Aussi pourquoi avez-vous une si longue largeur et rembourrage pour la #content?