[résolu] If IE ne fonctionne pas

Bonjour à tous,

je viens de m'appercevoir, que le [if IE] fonctionne quand il a envie, car Firefox prends aussi en compte les paramètres de if IE ..... sympa....

quelqu'un à la solution à ce problème ?

le code de if IE est le suivant :

<!-- [if IE] >
<style type="text/css">
</style>
<![endif]-->

c le bon non ?

help me
Modifié par titichopinou (27 Aug 2006 - 18:17)

Bonjour,

Aucun autre navigateur qu'IE ne lit le contenu d'un commentaire conditionnel. Vérifier la syntaxe en comparant avec la FAQ du forum ou avec http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows

(Attention aux espaces excédentaires)
Modifié par Laurent Denis (25 Aug 2006 - 15:17)

j'ai bien vérifié la synthaxe, j'avais juste quelque espaces en trop, mais ça fonctionne tjs pas.... Firefox prends en compte tout ce qui est dans le if IE....

ça devient barban....

bah pour l'instant c en local.... mais je peux donner le code CSS si ça peut vous aider

< style type="text/css">
* {margin : 0px ; padding : 0px ; }
p
{
	text-align : justify;
	
}

body
{
	width : 760px ; /*Largeur de la page par rapport à la fenetre*/
	margin : auto ; /*Centrage de la page dans la fenetre*/
	margin-top: 20px;
	margin-bottom: 20px ; 
	padding : 0px ; /*Marge intérieur */
}

#en_tete
{
}
.element1_entete
{
	background: url('style/entete1.png');
	height : 20px;
	width : 760px;
}



.element2_entete
{
	background-image : url('style/entete2.png');
	height : 50px;
	width : 760px;
	
}

#menu
{
	float : left ;
	width : 140px ;
	height : 501px ;
	border : 0px solid red;
}

.element_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-top : 0px ;
	border-bottom : 0px solid red;
}

.panier_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-right : 0px ;
	margin-top : 0px ;
}

#corps
{
	overflow : hidden ;
	width : auto;
	height : 501px;
	border : 1px solid red;


}
.corps_total
{
	border : 1px solid red;
	overflow : auto ;
}
.menu_corps
{
	height : 23px;

}
table
{
	width : 100% ;
	border-collapse : collapse ;
	border : 0px solid red ;}
td
{
	border : 0px solid red ;
}

#pied
{
	width : 760px;
	height : 14px;
	border-top : 1px solid red;
	text-align : right ;
	font : 10px, bold, italique ;
	font-variant : small-caps ;
	color : white ; 
	background-color : #cc0000 ;
}
input, textareao
{
	font-size : 10px ;
}
</style>


<!--[if !IE]>
<style type="text/css">

* {margin : 0px ; padding : 0px ; }
body
{
	width : auto; /*Largeur de la page par rapport à la fenetre*/
	margin : auto ; /*Centrage de la page dans la fenetre*/
	margin-top: 20px;
	margin-bottom: 20px ; 
	padding : 0px ; /*Marge intérieur */
}

#en_tete
{
}

.element1_entete
{
	background: url('../style/entete.png') repeat-y;
	
	text-align : right ;
	text-indent : 20px ;
	font-family : Palatino Linotype ;
	font-size : 14px;
	font-weight : bold;
	font-style : italic ;
	color : white ;
	height : 20px;
	width : 760px;
}



.element2_entete
{
	background : url('../style/entete2.png') repeat-y;
	text-align : left ;
	text-indent : 20px ;
	font-family : Palatino Linotype ;
	font-size : 34px;
	font-weight : bold;
	font-style : italic ;
	color : white ;
	height : 50px;
	width : 760px;
	
}
#menu
{
	float : left ;
	width : 140px ;
	height : 501px ;
	border : 0px solid red;
}

.element_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-top : 0px ;
	border-bottom : 0px solid red;
}

.panier_menu
{
	height : 250px ;
	margin-left : 0px ;
	margin-right : 0px ;
	margin-top : 0px ;
}

#corps
{
	overflow : hidden ;
	width : 650px;
	height : 501px;
	border : 1px solid red;
	margin : 0px ;
	padding : 0px ;
}

.corps_total
{
	overflow : auto ;
	text-align : justify;

}

.menu_corps
{
	height : 23px;

}

table
{
	width : 100% ;
	border-collapse : collapse ;
	border : 0px solid red ;

}

td
{
	border : 0px solid red ;
}

#pied
{
	width : 760px;
	height : 14px;
	border-top : 1px solid red;
	text-align : right ;
	font : 10px, bold, italique ;
	font-variant : small-caps ;
	color : white ; 
	background-color : #cc0000 ;
}
input, textareao
{
	font-size : 10px ;
}
</style>
<![endif]-->

voila

Bonjour,

Entre les codes modifiés par la syntaxe BBCode du forum, les typos (il y a un espace en trop dans une des balises <style> de ton code ci-dessus) et les changements que tu fais au hasard, ce n'est vraiment pas la meilleure manière de trouver où se trouve ton erreur.

Il est indispensable que tu mettes en ligne ta page pour que nous puissions t'aider.

Pour l'instant, il y a par ailleurs un malentendu sur l'utilisation d'une feuille de style en commentaires conditionnels pour IE: contrairement à ton code ci-dessus, elle n'a pas à être une feuille "complète". Elle n'a besoin de contenir que les seules propriétés apportant une correction de la feuille de style principale...

Voici le liens :

http://titichopinou2.ifrance.com

voila

Ahem... Il n'y a pas de commentaires conditionnels dans cette page

Cela dit, il va falloir corriger plusieurs choses, quoi qu'il en soit de ce problème de commentaires conditionnels:
- la DTD appropriée n'est pas XHTML1.1, mais XHTML1.0 strict ou transitional
- la syntaxe de l'élément link pour les feuilles de style est incomplète
- les balises <meta>, <link> doivent être fermées en XHTML: <meta... />, <link... />
- la syntaxe des label de formulaire est incorrecte

La FAQ du forum sera déjà un bon point de départ.

Salut,

Ca pourrait avoir un lien avec le fait que ton hébergeur modifie le code de ta page à la volée pour y ajouter des frames, et que l'en-tête de page qu'il insère ne contient pas de doctype.

non non marvin ! en local aussi ça le fait...

bizarrement, il y a que le div de contenu qui fou la merde.....et ne veut pas scroller....

le div de contenu est dans un div conteneur....pour etre clair j'ai un div conteneur (et dans celui-ci j'ai deux div, un pour la session et l'autre pour le contenu de corps)...

vala et donc ça décalle (sous IE) et en plus ça scrolle pas ...... (sous FF et IE)