28172 sujets

CSS et mise en forme, CSS3

[Résolu] Positionnement d'une image

Bonjour à tous !

J'ai un petit soucis depuis hier soir avec le positionnement absolu d'un bloc.

Alors tout d'abord, voici mon "layout" :
http://img26.imageshack.us/img26/6096/layoutc.th.png

Donc, comme vous pouvez le voir, mon problème se trouve dans le footer mon site...
Mon site fait 980px de large. Mon "footer" occupe toute la largeur de la fenêtre du navigateur. A l'intérieur de mon "footer" j'ai créé un "footer_container" avec ces propriétés :


#footer_container {
	position:relative;
	width:980px;
	margin:0 auto;
}


à la suite du texte de mon footer dans une balise <P> "normale, je remet un div de classe logo_footer avec ces propriétés :


.logo_footer {
	width:123px;
	height:100px;
	position:absolute;
	bottom:0px;
	right:200px;
}


mais mon image ne se positionne pas à 0 du "bottom", elle "flotte à 30px au dessus (environ). Je me dit que j'ai peut-être mal vu le concept tout entier, ai-je eu une bonne approche ?

Comment faire pour positionner mon image sur le bord inférieur du footer ?

Merci d'avance à tous !
Modifié par Ollivier (25 Feb 2009 - 16:05)
J'ai essayé :


#footer_container {
	position:relative;
	width:980px;
	height:100px;
	margin:0 auto;
}


Mais, pareil, l'image survole encore le bord du footer d'un dizaine de pixels...

Est-ce que c'est utile si je dit que je me suis servit de "YAML builder" pour produire le squelette du site ? (y'a peut être une propriété qui interfère...)

Merci de m'aider !
Modifié par Ollivier (25 Feb 2009 - 14:20)
Ollivier a écrit :
Est-ce que c'est utile si je dit que je me suis servit de "YAML builder" pour produire le squelette du site ?
Je ne pense pas que ça ai une influence.

On peut voir une page en ligne ?

EDIT :
Sinon ta technique est bonne :
- Un parent en position:relative pour servir de référence, avec largeur fixée,
- L'élément en question positionné absolument avec bottom / right + largeur / hauteur.
Modifié par BeliG (25 Feb 2009 - 14:26)
Re,

Le "problème" vient de là :
#footer {
[b]padding-bottom:10px;[/b]
[...] }
Tu vois pourquoi ? Smiley smile
RAAAAH ! sous mes yeux depuis le début... comme beaucoup de problème d'ailleurs. On fini par chercher à 14h ce qu'on peut trouver à midi...

Merci beaucoup !
Oui, merci beaucoup, j'ai mis [Résolu] devant le sujet...

A bientôt ! je risque d'avoir encore des questions sur ce site...
Sujet clos
Aller à