table et font-size

Version imprimable

table et font-size

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:

1 2 body{font-size:80%} table.big{font-size:80%;}
Voici le code entre les balises body
Code:

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:

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

26/06/2010, 00h32
Erwan31

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).
28/06/2010, 10h09
willowII

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