2010-06-27 4 views
3

Ceci est ma page web qui ne fonctionne pas dans IE8, mais travaille en FF 3.6.4 et Opera 9.63: -min-largeur, largeur maximale, largeur. Rien travail dans IE8 sur l'étiquette du corps

<html> 
    <head> 
     <style type="text/css"> 


      body{ 
       max-width:10002px; 
       min-width:3072px; 
       width:10002px; 
       margin:0px auto; 
       background:#293231; 
       height:100%; 
       padding:0px; 
      } 


     </style> 
    </head> 
    <body > 


    </body> 
</html> 

Aucune barre de défilement apparaît au bas de la page en IE8

+0

Quel 'doctype' utilisez-vous pour votre code HTML? – Oded

+0

Il n'y a pas de doctype. Ceci est juste une page de test que j'ai créé dans le bloc-notes et enregistré en tant que .html – TCM

+4

Puis _add_ un doctype approprié. IE8 utilise le doctype pour le rendu, et sans doctype, il passera probablement en mode quirks. – Oded

Répondre

6

Vous devez ajouter une déclaration dOCTYPE à votre page - ceci garantira la plupart des navigateurs se comportent aussi près que possible de la même manière. Au moins, cela éliminera une catégorie de problèmes possibles.

La plupart du temps, en ce qui concerne les barres de défilement, ils apparaissent seulement quand contenu est alors plus large/plus la zone d'affichage client, quelles que soient les règles CSS sont.

5

Il est inutile de définir les paramètres max-width et min-width si vous souhaitez définir une valeur width qui entraînera leur ignorance. Dans votre exemple, min-width ne sera jamais utilisé car vous avez déjà défini width sur une valeur supérieure. De même, max-width est inutile ici car width a été définie à la même valeur.

Ce serait une utilisation plus appropriée des trois:

div.yourdiv { 
    max-width: 300px; 
    min-width: 100px; 
    width: 50%; 
} 

Ce div sera de 50% de la largeur de l'élément contenant, mais ne dépassera pas 300px de largeur ou descendre au-dessous 100px de largeur .

Questions connexes