[Résolu]Positionnement d'un fond après filtre de transparence pour IE

Bonjour à tous !

J'ai utilisé ceci :

#global {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/img/global.png", sizingMethod="scale");
	}

Comment je fais pour positionner mon image de fond en haut et à droite ?

Merci.
Modifié par Theberge43 (17 Nov 2006 - 00:24)

Bonjour,

a écrit :
Comment je fais pour positionner mon image de fond en haut et à droite ?

Peut-être commencer par étudier ces trois tutoriels

http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/

PS : Le titre de ton sujet ne reflète pas du tout ton problème et est mal placé. Je le passe dans le forum CSS.
Modifié par koala64 (16 Nov 2006 - 14:35)

Euh ... je connais le positionnement, mais le je ne sais pas ce que la fonction de filtre génère comme contenu ...

Sous FF l'image est en fond :

#inside_logo {
	background-image: url(../images/20_new.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0;
	width: 100%;
	height: 129px;
}

Par contre pour IE j'utilise ce CSS conditionnel :

#inside_logo {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/20_new.png", sizingMethod="crop");
	}

L'image qui est générée par le filtre, c'est un background ou non ?
Je ne veux pas faire floter a droite la division, je veux que l'image a l'intérieur de la div soit à droite.

Ok, j'ai résolu par moi-même ...
En fait, il n'y a pas moyen de positionner l'image produite par le filtre parce qu'elle ne fait plus partie de rien (ni du HTML ou du CSS).

J'ai donc revu mon positionnement avec une div de plus.
Mon CSS

#logo {
	background-image: url(../images/20_logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 129px;
}
#inside_logo {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/20_new.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0;
	width: 120px;
	height: 120px;
}

Mon CSS pour IE :

#inside_logo {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/20_new.png", sizingMethod="crop");
}

Ok, j'ai résolu par moi-même ...
En fait, il n'y a pas moyen de positionner l'image produite par le filtre parce qu'elle ne fait plus partie de rien (ni du HTML ou du CSS).

J'ai donc revu mon positionnement avec une div de plus.
Mon CSS

#logo {
	background-image: url(../images/20_logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 129px;
}
#inside_logo {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/20_new.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0;
	width: 120px;
	height: 120px;
}

Mon CSS pour IE :

#inside_logo {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/20_new.png", sizingMethod="crop");
}

Modifié par Theberge43 (17 Nov 2006 - 00:24)

OK merci de ta propre réponse, je buttais sur le meme soucis : a savoir comment positionner une image de background, apres l'utilisation d'un Filter pour IE (IE c'est vraiment la M***E !