28172 sujets

CSS et mise en forme, CSS3

Deux fonds de page dans IE8 - PIE peut-être?

Je suis débutant en css3. J'avais une bonne expérience du HTML et du css au début des années 2000. Mais j'ai délaissé cela, car je n'ai plus eu à collaborer à des sites Web depuis.

Dernièrement, je me suis mis au css3 parce que je veux réaliser un site perso. J'ai créer une page modèle dans laquelle le fond d'écran contient une image tout en haut suivi d'un motif qui se répète pour suivre l'allongement de la page. Tout fonctionne parfaitement dans Safari, Firefox et Chrome. J'étais sur le point de multiplier cette page modèle pour mes différents sujets quand il m'est venu à l'idée d'essayer dans Internet Explorer 8, que je n'utilise jamais. Que nenni! Marche pas! Pas de fond. Un simple fond blanc.

Voici mon code css pour le fond de page (qui marche dans Safari, Firefox et Chrome) :

html {
               margin:0;
               padding:0;
               color:#000;
               background: url(../ImagesCommunes/Fond_reseau_haut.jpg) repeat-x center top, url(../ImagesCommunes/FondDegrade.jpg) center top;
		}


J'ai trouvé sur le Net qu'il existe PIE. J'ai essayé, mais ça ne marche pas dans mon application. J'ai bien compris son fonctionnement pour tout autre conteneur de type <div>, mais je n'ai jamais vu comment l'appliquer à <html> ou <body>.

Voici ma tentative avec PIE. Marche toujours dans les autres navigateurs, mais pas dans IE8:

html {
               margin:0;
               padding:0;
               color:#000;
               background: url(../ImagesCommunes/Fond_reseau_haut.jpg) repeat-x center top, url(../ImagesCommunes/FondDegrade.jpg) center top;
               -pie-background: url(../ImagesCommunes/Fond_reseau_haut.jpg) repeat-x center top, url(../ImagesCommunes/FondDegrade.jpg) center top;
			behaviour: (css/PIE.htc)
		}



Qu'est-ce que j'ai loupé? Y a-t-il une solution simple à mon problème?

Merci d'avance pour votre aide.
Modifié par iWallace (09 Jul 2012 - 15:06)
Ten a écrit :
Bonjour,

Comme expliqué dans la doc, il n'y a pas de &quot;u&quot; : behavior.

Bonne continuation !



Merci. J'ai corrigé la déclaration, mais toujours aucun fond dans IE8:

 html {
               margin:0;
               padding:0;
               color:#000;
               background: url(../ImagesCommunes/Fond_reseau_haut.jpg) repeat-x center top, url(../ImagesCommunes/FondDegrade.jpg) center top;
               -pie-background: url(../ImagesCommunes/Fond_reseau_haut.jpg) repeat-x center top, url(../ImagesCommunes/FondDegrade.jpg) center top;
			[b]behavior: url(../css/PIE.htc);[/b]
		}


Je me suis rendu compte que le chemin d'accès du fichier PIE.htc était erroné. Mais malgré mes corrections, ça ne marche toujours pas. D'autres suggestions? Smiley confus

Merci.
Sujet clos
Aller à