Hauteur dans IE est diffrent à firefox

J'ai un problème avec l'affichage d'une hauteur définie dans ie.Hauteur dans IE est diffrent à firefox

Dans mon css j'ai fixé une hauteur pour mon div sidebar comme 2150px; ce qui s'affiche bien dans firefox mais n'affiche pas la hauteur totale dans ie.

Comment puis-je obtenir ie pour afficher la hauteur que j'ai définie dans ie?

Merci à l'avance

Le code source est inférieure à

#sidebar_newspr{ 
width:160px; 
min-height:2150px; 
margin-top:1px; margin-right:2px; 
border-right-style:solid; border-right-color:#900; border-right-width:1px; 
float:left; 
} 
#sidebar_newspr a{ 
text-decoration:none; 
color:#FFF; 
font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif; 
} 
#sidebar_newspr a:hover{ 
color:#900; 
}

Source

2010-05-05 user268707

C'est un peu un coup de feu dans l'obscurité parce que vous ne spécifiez pas vraiment quelles versions de IE que vous testez dans Néanmoins, min-height exige que IE7 et IE8 fonctionnent en mode standard. Pour activer le mode Standards, vous devez utiliser un !DOCTYPE strict.

De the documentation:

Dans Internet Explorer 7, les attributs min hauteur/max-hauteur à appliquer flottant et absolument bloc positionné, des éléments en ligne-bloc, et certains contrôles intrinsèques. Ils ne s'appliquent pas aux éléments en ligne non remplacés, tels que les colonnes de table et les groupes de lignes/colonnes. (Un élément "remplacé" a des dimensions intrinsèques, telles qu'un img ou textArea.)

Dans Internet Explorer 7, cette propriété est activée uniquement sous le strict! DOCTYPE.

min-height dans IE6 applique uniquement aux th, td et tr éléments.

Source

2010-05-05 12:50:10

Dans IE6 hauteur agit comme min-height. –

Essayez d'utiliser des commentaires conditionnels:

<!--[if lt IE 9]> //will target IE less than version 9 
     <link href="/directroy/IE.css" rel="Stylesheet" type="text/css"/> 
<![endif]-->

Pour votre balise de tête et d'utiliser cette nouvelle feuille de style pour définir ce que vous voulez faire IE.

#sidebar_newspr{ 
width:160px; 
height:2150px; /*change to just height*/ 
margin-top:1px; margin-right:2px; 
border-right-style:solid; border-right-color:#900; border-right-width:1px; 
float:left; 
}

Vous pouvez également utiliser plusieurs commentaires conditionnels pour cibler différentes versions d'Internet Explorer.

comme ceci:

<!--[if IE 8]> //will target only IE 8 
     <link href="/directroy/IE.css" rel="Stylesheet" type="text/css"/> 
<![endif]-->

ensuite essayer de régler votre doctype strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

pourrait fonctionner, sinon je suis sûr que quelqu'un d'autre a une autre idée :)

Source

2010-05-05 12:55:46 Kyle

Certaines versions d'IE n'aiment pas min-height, j'essaie de l'éviter si possible. Comme une solution rapide qui ne pèsera pas votre page comme un style IE seulement, dites simplement height:2150px; min-height:2150px; les navigateurs qui supportent min-height le prendront, tandis que ceux qui ne le supportent pas l'ignoreront simplement.

Source

2010-05-05 15:46:52 Erin

Hauteur dans IE est diffrent à firefox

Répondre

Questions connexes