28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Ne maitrisant pas totalement les css, je viens à vous pour vous demander un coup de main sur un design que j ai réalisé à l'aide d'un des magnifiques tutoriels d'Alsacreations.

Pour voir le site : www.yann-website.fr.tc

En effet, j ai inséré une image dans le footer qui est censé se positionner à droite dans le coin du design. Sous IE pas de problème mais sous Firefox, impossible de mettre l'image au même endroit. alors si quelqu'un peut me venir en aide, ça serait avec grand plaisir.

Le code CSS :
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	padding-left: 10px ;
	line-height: 30px ;
	text-align: right ;
	letter-spacing: 3px ;
	font: 0.8em "sans-serif", helvetica ;
	color: #000000 ;
	
}

.coinbas
{
float: right ;
};


Et le HTML :

<p id="footer">
<img class="coinbas" src="/yann/img/deco_bas.png" alt="" />
Site par Y. ROBY -|- Tous droits réservés -|- 2008 -|- <a href="mailto:roby.yann@gmail.com">contact</a></p>



Merci pour vos réponses.
Modifié par ChuTn3Y (27 Sep 2007 - 17:59)
Hello,

et en positionnant l'image en absolu dans un footer en relatif, ca t'irait ?
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	padding-left: 10px ;
	line-height: 30px ;
	text-align: right ;
	letter-spacing: 3px ;
	font: 0.8em "sans-serif", helvetica ;
	color: #000000 ;
	position:relative;
	
}

.coinbas
{
position:absolute;
right:0;
};
Rapidité & Efficacité ! Merci beaucoup. J'ai du aménagé le footer mais c'était la solution à mon probleme. Voila le code modifié si ça peut aider quelqu'un.

p#footer
{
	margin: 0 ;
	padding-top:40px;
	padding-right: 10px ;
	padding-left: 10px ;
	line-height: 30px ;
	text-align: right ;
	letter-spacing: 3px ;
	font: 0.8em "sans-serif", helvetica ;
	color: #000000 ;
	position:relative;
	
}

.coinbas
{
position:absolute;
top:-30px;
right:0;
};




Encore merci pour ton aide.