Bug FF sur hauteur cellule

Version imprimable

30/04/2008, 12h09
dam_moreyllo

2 pièce(s) jointe(s)

Bug FF sur hauteur cellule

Bonjour !

J'ai une table qui contient des cellules qui doivent être de hauteur de 20px sans la bordure, seulement sous firefox (sous ie ça va) elles sont de 19px et je n'arrive pas à savoir pourquoi...

Je vous mets en pièce joint des captures de ce que me donne firebug pour que vous voyez bien les différents styles appliqués.

Merci d'avance !
30/04/2008, 13h47
le_chomeur

peux tu nous donner ton code ? :)

Oui pardon :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="divAgenda">
   <table class="agenda" id="tableAgenda" cellpadding="0" cellspacing="0">
      <tr>
         <td class="heure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
         <td class="caseHeure">&nbsp;</td>
      </tr>
   </table>
</div>

Y a pas que ça mais je vois pas ce qui pourrait influencer à part ça. La table n'a pas de hauteur fixée et il y a d'autres lignes du même genre que celle que j'ai mis.

Le style de la classe heure :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
div#baseAgenda table.agenda td.heure {
   border: solid #D0D0D0;
   border-width: 1px 1px 0px 1px;
   vertical-align: top;
   padding-right: 5px;
   text-align: right;
   width: 45px;
   height: 20px;
   font-size: 11px;
}

30/04/2008, 15h34
Auteur

bonjour,

sous Firefox la hauteur inclue l'épaisseur de la bordure :
1px en haut + 0px en bas + (hauteur cellule) = 20px (height)
donc la hauteur de ta cellule est de 19px.

Et je parie que la largeur de tes cellules est de 43px :
(largeur_cellule) + 2*(1px de bordure) = 45px (width)
=>largeur_cellule = 43px
30/04/2008, 15h52
dam_moreyllo

Euh... je suis désolé mais ça m'étonnerait beaucoup que ça soit le cas...

Normalement height ne contient ni le margin, ni le border et ni le padding et ce quelquesoit le navigateur.

Ex :
La largeur d'une cellule de classe heure :

2 * 1px de bordure + 5px de padding à droite + 45px de height = 52px en tout
et c'est bien ce qu'il se passe chez moi, ma cellule fait bien 45px sans le padding et la bordure.

Par contre pour la hauteur, ça marche pas... et c'est ça que je comprends pas

Edit : :oops::oops::oops: Je viens à peine de me rendre que j'ai posté dans javascript alors que je pensais poster dans css.... je suis vraiment désolé d'avoir posté dans le mauvais forum... :oops::oops::oops:
30/04/2008, 16h42
SpaceFrog

un petit line-height pour la route ?

Citation:

Normalement height ne contient ni le margin, ni le border et ni le padding et ce quelquesoit le navigateur.

première nouvelle !!

tu as entendu parler de la différence d'iunterprétation au niveau du "boxtype" entre IE et FFX ???