[CSS] (encore!) pas compatible FF

[rudddy]

Bonjour

suite à mon précédent problème en CSS pour affiche mon div d'adsense (voir https://www.webrankinfo.com/forum/t/resolu-css-rajouter-une-div.95823/ ), mon site n'est plus compatible avec FF

Par exemple sur :

http://www.maison-de-retraite-paris.fr/ ... 75.p0.html

les boutons contacts qui devraient en bas à droite de chaque ligne (voir sous IE) s'affichent n'importe comment ...

voici le div correspondant :

#b-contact
{
width:136px;
height: 34px;
float: right;
padding-top:10px;
vertical-align:middle;
}

merci de votre aide

 

[HawkEye]

Je peux me tromper, n'étant pas un dieu en matière de Stylesheet mais... il m'a toujours semblé que les id="" devaient être uniques. Ca vient peut-être de là.

Qui plus est, je vois du float:right; sans éléments affublés d'un "clear: both;" ou "clear: right;" qui le suivent... c'est une piste également.

 

[rudddy]

Je peux me tromper, n'étant pas un dieu en matière de Stylesheet

ne sois pas modeste

il m'a toujours semblé que les id="" devaient être uniques.

ca marchait jusqu'au changement du post précédent ...

je teste quand même pour dire que je ne suis pas fainéant ..

 

[rudddy]

je te confirme que ça ne fonctionne pas mais au moins, le bouton n'est pas n'importe où.

il ne me faut plus que l'aligner à droite maintenant ...

 

[bproductiv]

premier indice : http://validator.w3.org/check?verbose=1 ... 75.p0.html
Toujours valider son site c'est éviter des prises de têtes.

 

[rudddy]

premier indice : http://validator.w3.org/check?verbose=1 ... 75.p0.html
Toujours valider son site c'est éviter des prises de têtes.

je suis d'accord avec toi mais quand pour le valider cela passe par des prises de tête je me dis autant en pas le valider ...

 

[bproductiv]

alors ton problème restera comme ca, c'est dommage quand même.

 

[rudddy]

alors ton problème restera comme ca, c'est dommage quand même.

ok

les autres qui veulent m'aider sont les bienvenus ...

 

[webmasterlamogere]

essaye de mettre la "class" sur le "a" et pas sur "img"

 

[Marie-Aude]

Je débugue uniquement des sites valides.
Je ne vois pas pourquoi je me prendrais la tête à trouver "la bonne erreur" au milieu de tas d'autres si le webmaster ne se prend pas la tête

 

[rudddy]

problème résolu

merci à vous tous

 

[rudddy]

au fait au passage j'ai quand même voulu aller dans votre sens et rendu valide la page

mais le problème est revenu :-(


donc maintenant bproductiv et marie aude je compte sur vous !!!! )

 

[webmasterlamogere]

met "a class=" à la place de "a id="
et dans le css :

.b-contact { ...

 

[rudddy]

met "a class=" à la place de "a id="
et dans le css :

.b-contact { ...

merci j'avais essayé mais le problème est que quand je clique sur la gauche sur région parisienne, les boutons de droite partent en vrille sur FF ...

 

[Marie-Aude]

.separateur : rajoute un clear:float;

 

[rudddy]

.separateur : rajoute un clear:float;

j'ai le même problème sous F avec les boutons contacts qui partent en vrille quand je clique à gauche sur région parisienne ...

au passage clear: float : ça existe ?

 

[webmasterlamogere]

.separateur : rajoute un clear:float;

c'est pas plutôt clear: both;

 

[rudddy]

.separateur : rajoute un clear:float;

c'est pas plutôt clear: both;

c'est ce que j'avais pensé masi ça résoud el problème des vrilles -)) mais ça envoie tout beaucoup plus bas ...

 

[webmasterlamogere]

ta liste de départements dépasse du menu. il faut réduire le padding-left (ou margin-left)
il faut peut-être ajouter le code suivant au div edito:

	overflow: auto;
	zoom: 1;

 

[bproductiv]

en regardant la sourec je viens de voir ca??

<div id="dDep" style="display:none;">
	  <ul>
	  <li><h2><strong><a href="maison-de-retraite-75.p0.html">Maison de retraite 75</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-77.p0.html">Maison de retraite 77</a></strong></h2></li>

	  <li><h2><strong><a href="maison-de-retraite-78.p0.html">Maison de retraite 78</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-91.p0.html">Maison de retraite 91</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-92.p0.html">Maison de retraite 92</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-93.p0.html">Maison de retraite 93</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-94.p0.html">Maison de retraite 94</a></strong></h2></li>
	  <li><h2><strong><a href="maison-de-retraite-95.p0.html">Maison de retraite 95</a></strong></h2></li>

	  <li><h2><strong><a href="/">Alzheimer</a></strong></h2></li>
	  <li><h2><strong><a href="/">Parkinson</a></strong></h2></li>
	  <li><h2><strong><a href="/">Aides financi&egrave;res</a></strong></h2></li>
	  </ul>
	  </div>

Tu es pressé d'être pénalisé?
Bon, il va falloir commencer à coder proprement et surtout SÉMANTIQUEMENT parce que là ce qui m'étonne c'est qu'il n'y ai QUE le bouton qui déconne.

 

[Marie-Aude]

c'est ce que j'avais pensé masi ça résoud el problème des vrilles -)) mais ça envoie tout beaucoup plus bas ...

Alors essaye juste clear:right;

 

[rudddy]

c'est ce que j'avais pensé masi ça résoud el problème des vrilles -)) mais ça envoie tout beaucoup plus bas ...

Alors essaye juste clear:right;

c'est OK pour les boutons mais maintenant il y a tout le reste qui descend ...

on avance :?

 

[Marie-Aude]

Pour être honnête, ton code est un peu chargé. Par exemple, quand tu fais les espaces avec les <br/> au lieu de les faire avec des margins et des paddings...

 

[rudddy]

Pour être honnête, ton code est un peu chargé. Par exemple, quand tu fais les espaces avec les <br/> au lieu de les faire avec des margins et des paddings...

ceci explique cela ?

 

[rudddy]

Pour être honnête, ton code est un peu chargé. Par exemple, quand tu fais les espaces avec les <br/> au lieu de les faire avec des margins et des paddings...

j'ai mis un padding, mais ca n'aide pas