28173 sujets

CSS et mise en forme, CSS3

[Résolu]Padding, quand tu nous tiens

Bonjour,

J'ai un problème de prise en compte de padding sur IE6/7 et FF...

Je sais, vous allez me dire : "Encore un sujet sur une erreur de padding, yen
a des milliers comme ça, et t'as pas trouvé ton bonheur ?"
Eh non ^^
J'ai les codes suivants :

#footer {
	clear : both;
	color: #fff;
	background: #000 url('images/footer_bg.png') no-repeat top right;
	text-align: right;
	padding : 10px;
}

et :

<div id="footer">
&copy; 2007 Saymons<br/>
<a href="http://www.cakephp.org/">
<img src="images/cake.power.png" alt="CakePHP : Rapid Development Framework" border="0" />
</a>
</div>

Au final, je me retrouve avec cette différence... j'ai l'impression d'avoir tout tenté, mais rien n'y fait, je ne peux m'en débarrasser (gauche:IE, droite:FF) :

upload/10289-error.png
Modifié par Saymons (07 Jan 2007 - 23:32)
Administrateur
Saymons a écrit :
Bonjour à toi clb56!

Hello,

Ce que clb56 voulait te faire comprendre, c'est qu'en général lorsqu'on s'exprime à des gens, on commence par dire "Bonjour..." et non pas "Je sais, vous allez me dire" Smiley cligne

Comme tu l'as lu, nous sommes entre gens civilisés Smiley smile

Au fait, aurais-tu une url visible de ton problème ? Ça faciliterait beaucoup le travail aux personnes qui voudraient t'aider.
Modifié par Raphael (07 Jan 2007 - 20:35)
Je souhaites avoir le même padding dans tous les navigateurs, ce qui n'est pas le cas en ce moment Smiley cavapa

J'ai posé tout ça sur ce site

C'est une page que je souhaite utiliser comme layout pour CakePHP.

D'avance merci pour vos conseils et astuces.
J'ai pu cerner une partie du problème :
quand ma sidebar devient plus petite que le content, elle ne touche pas le footer... et là j'ai le même padding sous les 2 navigateurs!

Reste à comprendre pourquoi ça a cet effet.
Re,

Essayes cette solution (IE7, 6, 5.5 et FF)


#footer {
	clear : both;
	color: #fff;
	height: 60px;
	background: #000 url('footer_bg.png') no-repeat top right;
	position: relative;
	text-align: right;


}

#footer p{
position: absolute;
bottom: 5px;
right: 5px;
}


		<div id="footer">
    		   <p> © 2007 Saymons <br />

				<a href="http://www.cakephp.org/">
					<img src="cake.power.png" alt="CakePHP : Rapid Development Framework"/>
				</a></p>
  	    </div>
Merci beaucoup Ghost, ça marche comme je le voulais!!

Il semblerais que le fait que la boite footer n'ait pas de taille fixe soit la raison du bug.

Résolu!
Sujet clos
Aller à