Discussion :

[dam_moreyllo]

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 !

[le_chomeur]

peux tu nous donner ton code ?

[dam_moreyllo]

Oui pardon :

Code :

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

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 :

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

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;
}

[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

[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 : 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...

[SpaceFrog]

un petit line-height pour la route ?

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 ???