Cellule qui n'est pas de taille fixe dans un tableau

Cellule qui n'est pas de taille fixe dans un tableau - HTML/CSS - Programmation

Marsh Posté le 19-02-2004 à 23:13:48    

Je voudrais faire un site "simple" avec un tableau :
- en haut pour mettre un titre ;
- à gauche pour un menu ;
- à droite du menu le contenu du site.
 
J'ai inclu un table dans un table pour que le site puisse etre centré.
J'ai fait un table avec 4 cellules dont les 2 de la première ligne sont fusionnées (collapse="2" ).
 
Problème :
La cellule de gauche n'est pas de largeur fixe quand le texte du titre dépasse une certaine taille.
Voici :
Là c'est bon :
http://perso.wanadoo.fr/charlynco/divers/index.htm
 
Et là c'est moins bon (le titre est plus long d'une lettre) :
http://perso.wanadoo.fr/charlynco/divers/index2.htm
 
La css :

Code :
  1. body {
  2. margin: 0px 0px 0px 0px;
  3. padding: 0px 0px 0px 0px;
  4. font-family: verdana, arial, helvetica, sans-serif;
  5. color: #000000;
  6. background-color: #FFFFFF;
  7. background-image: url(fond.gif);
  8. }
  9. table.niv1 {
  10. margin-left: auto;
  11. margin-right: auto;
  12. width: 100%;
  13. border-width: thin;
  14. border-style: solid;
  15. border-color: black;
  16. }
  17. table.niv2 {
  18. margin-left: auto;
  19. margin-right: auto;
  20. /*text-align: center;*/
  21. width: 95%;
  22. border-width: thin;
  23. border-style: solid;
  24. border-color: red;
  25. }
  26. td.top {
  27. border-width: 1px;
  28. border-style: solid;
  29. border-color: #336699;
  30. /*background-color: #336699;*/
  31. }
  32. td.left {
  33. width: 100px;
  34. border-width: 1px;
  35. border-style: solid;
  36. border-color: #336699;
  37. }
  38. td.middle {
  39. /*width: 100px;*/
  40. border-width: 1px;
  41. border-style: solid;
  42. border-color: #336699;
  43. }


 
Quel est le problème ?
Est-ce ainsi qu'on doit faire ?
 
Merci.
 
PS : j'ai commencé avec des div mais pour un projet je serai certainement amené à utiliser les table.


Message édité par charly007 le 21-02-2004 à 18:21:37
Reply

Marsh Posté le 19-02-2004 à 23:13:48   

Reply

Marsh Posté le 21-02-2004 à 16:46:07    

Up.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed