Background sous FF

**d-Rek** · 06/02/2009, 10h32

Bonjour à tous,

Voilà, je fais bouton composait d'un tableau de 3 colonnes avec une image fixe à gauche et à droite, le milieu étant un background qui se répète selon la longueur du texte.

Aperçu du soucis :

Pourtant mes images sont toutes de la même hauteur et le orange est bon aussi (même alignement quand on les met dans Photoshop par exemple).
Le délire est que cela ne se produit pas sous IE, ni sous Chrome, ni sous FF avec le poste de mon pote. J'ai l'impression que mon FF a un comportement bizarre.
Côté extension, j'ai juste la developper toolbar.. Je l'ai désactivée et relancé FF mais toujours pareil.

Voici tout de même mon code HTML :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<table border="0" cellpadding="0" cellspacing="0" align="right" style="border:1px solid #FF0000;">
	<tr>
		<td width="19" height="40"><img src="next_d1.gif" width="19" height="40"></td>
		<td style="background:url(next_d2.gif) repeat-x left;" valign="middle" nowrap><a href="#" style="color:white;">&nbsp;Page suivante</a></td>
		<td width="27" height="40"><img src="next_d3.gif" width="27" height="40"></td>
	</tr>
</table>

Et les 3 images :
next_d1.gif
next_d2.gif
next_d3.gif

C'est fou ce truc !

**beeboo** · 06/02/2009, 10h44

Salut,
C'est lié au contenu de ta colonne centrale. essaie mettant le padding et les marges à 0 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td style="background:url(next_d2.gif) repeat-x left;padding:0;margin:0;vertical-align:middle" nowrap><a href="#" style="color:white;">&nbsp;Page suivante</a></td>

**d-Rek** · 06/02/2009, 11h00

Merci pour ta réponse rapide beeboo mais ça n'a rien changé.

Voici ma doctype :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

J'ai vraiment l'impression que mon FF fait n'importe quoi..

Si je sélectionne mes images avec la souris, les images se voilent de bleu. Je fais une capture et je regarde la taille de next_d1 et next_d3 et là grosse surprise !
next_d1 est affichée en 20x40 au lieu de 19x40, idem pour next_d3 qui est en 28x40 au lieu de 27x40 !!

**Carabi** · 06/02/2009, 11h08

C'est pas une histoire de taille de police par hasard? Ca doit être bizarre ce que je dis mais toute solution est bonne à prendre. Essaie de la régler soit dans ta CSS (ou HTML), soit dans FF lui-même...on sait jamais

**Carabi** · 06/02/2009, 11h10

Ouch t'as édité pendant que je postais je crois ^^

Sinon, essaies de virer le valign="middle" pour voir?

**d-Rek** · 06/02/2009, 11h21

Oui j'ai un peu tout essayé et je viens de trouver la solution.
Truc de fou !

Avec le developper toolbar, j'ai activé le Border Box Model. Là, tout s'est bien affiché !

J'ai fermé l'onglet, j'ai désactivé ce Border Box Model et j'ai réouvert un onglet avec ma page.
Tout était rentré dans l'ordre.

Je l'active jamais donc c'est un bug.. je vais faire un mail de ce pas au développeur de la barre d'outils.

J'espère que mon soucis pourra en aider d'autres !

Background sous FF

CSS

Discussions similaires

Partager

Partager