28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

Je dévellope actuellement un site web pour une organisation.

Mon problème est le suivant :
J'ai une liste de sponsors à afficher dans la colonne de droite du site.
J'ai donc créer un div (id=sponsors) et l'ai positionné en "absolute".

Sous Firefox, comme d'habitude aucun problème mais sous ie le div sors du cadre de mon site.

Voici le code css :


#sponsors {
        border:#000000 1px solid;
	position:absolute;
	padding:10px;
	width:104px;
	top:35px;
	margin-left:755px;
}


Lien vers la feuille de style complète

J'ai essayé avec la propriéré _left:XXXpx; mais le div se déplace horizontalement en fonction de la résolution de l'utilisateur.
J'ai appliqué une bordure noire au div pour mieux se représenter son positionnement.

Merci par avance de votre aide !

Alexandre
Modifié par Alex1986 (12 Jun 2007 - 12:17)
Salut.

C'est bien la propriété left (ou plutôt right dans ton cas) que tu dois utiliser. Mais un élément en absolu se positionne toujours par rapport à son plus proche parent positionné (donc qui est soit en relatif soit en absolu).

Dans ton cas, c'est ton div#conteneur qui doit avoir la propriété position:relative afin qu'il serve de référence à ton div#sponsor

EDIT: Un peu de lecture, en particulier la partie concernant le positionnement relatif et absolu.

PS: Rendez-vous à Bavois...
Modifié par <nicolas> (12 Jun 2007 - 12:17)