28173 sujets

CSS et mise en forme, CSS3

... pour changer !

voila... j'aimerais positionner un logo sur un site internet, pas de problème avec la plupart des navigateurs, mais je ne trouve pas comment contourner le problème d'affichage sur IE...

l'adresse du site internet est : http://www.egger-architecte.ch

et l'adresse de la CSS : http://www.egger-architecte.ch/css/style.css

le paramètre (?) qui nous intéresse est celui ci :
#logo {
	position:			absolute;
	float:				right;
	width: 				71px;
	height:				100px;
	margin-top:			88%;
	margin-left:		100%;
	left:				-71px;
	background-image: 	url(../design/ea.png);
	z-index:			2;
}


... Quelqu'un peux-t-il m'aider ?

Merci d'avance Smiley smile
Bonsoir,

Quel est le problème sous IE ?
A l'adresse mentionnée doit-on y voir un logo ? Parce que moi j'en ai pas vu.
A part cela, pourquoi utiliser 1 positionnement absolute et float en même temps ?
Niklaus
Modifié par Niklaus (17 Oct 2007 - 21:57)
le problème est qu'il me décale le logo beaucoup trop bas...

effectivement le float n'est pas nécessaire... j'ai donc modifié la css comme suit :
#logo {
	position:			absolute;
	width: 				71px;
	height:				100px;
	margin-top:			88%;
	margin-left:		100%;
	left:				-71px;
	background-image: 	url(../design/ea.png);
	z-index:			2;


il y a effectivement un logo qui devrait apparaitre... c'est ce que je souhaite en tout cas Smiley biggrin ! Sur IE7, le logo apparait, mais pas au bon endroit...
Modifié par vgentizon (17 Oct 2007 - 22:03)
Hum,

En effet, sous IE7 je vois 1 logo en bas à droite. Où normalement doit-il être positionné ? Je veux dire à quel endroit ?

Sans être trop expert, pour le moment ton logo est positionné par rapport à son conteneur parent soit dans ton cas c'est body.

Tu peux essayer de rajouter un top ou bottom dans #logo ou alors repositionné ton logo par rapport à un autre conteneur en y précisant les valeurs top, bottom, left, right.
Niklaus
Modifié par Niklaus (17 Oct 2007 - 22:24)
Merci de m'aider en tout cas Smiley biggrin

en y sortant du body, ca change rien... !

il devrait être positionné sous la bande gris foncé principale a droite...

je vais essayer de me positionner par rapport a une autre div.. bonne idée !

à moins que quelqu'un n'ait une autre solution ? Smiley confused
Modifié par vgentizon (17 Oct 2007 - 22:30)
Donc il doit être placé dans ton conteneur ?
Il ne s'agit ni plus ni moins qu'une d'une image à placer dans un conteneur...
Je te conseille cette lecture je vois que tu touches au but, mais ça ne peut pas te faire de mal... Smiley cligne
Trop de div tue les div...
Bon courage Smiley cligne

[ Edith]Je serai toi, j'éviterai également les positionnements en pourcentage pour le moment ( les px devraient suffire pour le positionnement de ton image, et cela t'évitera de faire ces petites erreurs que tu as faites en tentant de positionner ce logo Smiley cligne [/]
Modifié par 6l20 (17 Oct 2007 - 22:48)