table et font-size

**willowII** · 25/06/2010, 11h28

Bonjour,

J'ai un problème de taille d'affichage dans un tableau.
J'ai dans un premier cas un tableau et dans un deuxième cas, un tableau dans un tableau (pas taper

)
Je voudrais que le texte s'affiche dans les deux cas à la même taille (80% de body) mais je n'y arrive.

Voici mes styles:

Code :

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

1
2
body{font-size:80%}
table.big{font-size:80%;}

Voici le code entre les balises body

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  <table class="big">
    <tr>
      <td>Release </td>
    </tr>
  </table>
 
  <table>
    <tr>
      <td>
        <table class="big">
          <tr>
            <td>Release</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

Initialement, je m'attendais à ce que Release soit à la même taille dans les deux cas puisque dans le deuxième cas, la classe big n'est pas appliquée au premier tableau. Mais le résultat est que le premier "Release" est plus petit que le deuxième.

Si j'insère dans mon style

Code :

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

table{font-size:1em;}

alors les deux "Release" sont bien à la même taille. Je trouve cela normal

Je souhaite comprendre pourquoi la première solution ne marche pas

Merci par avance pour votre aide

**Erwan31** · 26/06/2010, 00h32

Bonjour,
cela signifie que tu es en mode Quirks (je te conseil de t'informer un minimum sur le sujet) et que par conséquent tu es dans un cas de figure qui fait basculer ton navigateur dans ce mode de rendu non standard (absence de doctype, doctype HTML4 transitionnal sans URI, etc).

**willowII** · 28/06/2010, 10h09

Bonjour,

Merci beaucoup Erwan pour ta réponse. En lisant le lien que tu proposes plus celui-ci : http://www.quirksmode.org/css/quirksmode.html, j'ai trouvé une solution : ajout de cette inforamtion en tout début du fichier.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Il est bien indiqué que ce n'est pas la panacée mais au moins, j'ai un résultat correct.

Encore merci

table et font-size

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager