Problem de dimension de tableau en CSS

Problem de dimension de tableau en CSS - HTML/CSS - Programmation

Marsh Posté le 21-11-2003 à 18:20:12    

Voila mon probleme principale vient de la difference mozilla/Ie et pour un fois c'est sur moz que ca fait ce que j'attend :lol:  
 
Bon primo jetez un coup d'oeil pour voir le problem :)
 
http://chak.serveftp.com/forum/ie-moz.jpg
en haut moz et en bad IE.
Le tout fait avec des css.
 
Voila les quelques classe dont j'ai besoin sur cette page (rien de compliqué)

Code :
  1. .MiddleBox
  2. {
  3.  font-size: 11px;
  4.  text-align:center;
  5.  background-color : #434343;
  6.  width : 45px;
  7. }
  8. .MiddleBox2
  9. {
  10.  font-size: 11px;
  11.  text-align : left;
  12.  background-color : #434343;
  13.  padding-left : 10px;
  14. }
  15. .MiddleBox3
  16. {
  17.  text-align : center;
  18.  width : 60px;
  19.  font-size: 11px;
  20. }
  21. .MiddleBox4
  22. {
  23.  font-size: 11px;
  24.  text-align:center;
  25.  background-color : #434343;
  26.  width : 60px;
  27. }
  28. .MiddleBox5
  29. {
  30.  text-align : center;
  31.  width : 200px;
  32. }
  33. .TopBoxes
  34. {
  35.  padding-left : 5px;
  36.  background-image : url("background_left.gif" );
  37. }
  38. .TopBoxes2
  39. {
  40.  text-align : center;
  41.  background-image : url("background_right.gif" );
  42.  width : 60px;
  43. }
  44. .TopBoxes3
  45. {
  46.  text-align : center;
  47.  background-image : url("background_super_right.gif" );
  48.  width : 200px;
  49. }


 
et voici mon code
 

Code :
  1. echo "<tr><td colspan=2 class=\"TopBoxes\"><a href=\"".ROOT."index.php\">".$ForumName."</a></td>".
  2.      "<td class=\"TopBoxes2\">Thread</td>".
  3.      "<td class=\"TopBoxes2\">Message</td>".
  4.      "<td class=\"TopBoxes3\">Last message</td></tr>";
  5. $AllForumCategory=mysql_query("select * from cf_category" );
  6. while ($ShowAllCategory=mysql_fetch_row($AllForumCategory))
  7. {
  8.  echo "<tr>".
  9.  "<td class=\"MiddleBox\"><img src=\"".ROOT."images/no_new_msg.gif\"></td>".
  10.  "<td class=\"MiddleBox2\"><a href=\"forum2.php?id={$ShowAllCategory[0]}\">".$ShowAllCategory[1]."</a>".
  11.  "<br />".$ShowAllCategory[2]."<br />";
  12.  //we show the sub-category [on prend les sous categorie]
  13.  $SubCat=mysql_query("select Name, id from cf_subcategory where IdCategory='".$ShowAllCategory[0]."'" );
  14.  while ($ShowSub=mysql_fetch_row($SubCat))
  15.  {
  16.   echo "<span class=\"SmallFont\">".
  17.   "<a href=\"forum2.php?id={$ShowAllCategory[0]}&subcat={$ShowSub[1]}\">".$ShowSub[0]."</a> ";
  18.  }
  19.  echo "</td>".
  20.  "<td class=\"MiddleBox3\">";
  21.  //we count all the thread in that category [le nombre de sujet/categorie]
  22.  $CountThread=mysql_query("select count('Id') from cf_message where Category=".
  23.  "'{$ShowAllCategory[0]}' and  ThreadStarting='1'" );
  24.  echo mysql_result($CountThread, 0);
  25.  echo "</td>".
  26.  "<td class=\"MiddleBox4\">";
  27.  //we count all the message in that category [le nombre de message/categorie]
  28.  echo mysql_result(mysql_query("select count('Id') from cf_message where Category=".
  29.  " '{$ShowAllCategory[0]}'" ), 0);
  30.  echo "</td><td class=\"MiddleBox5\">";
  31.  //we search the last message in that category [le dernier message/categorie]
  32.  $LastMessage=mysql_query("select max(id) from cf_message where Category='{$ShowAllCategory[0]}'" );
  33.  $TheId=mysql_result($LastMessage, 0);
  34.  if ($TheId=='')
  35.   echo "No message";
  36.  else
  37.   {
  38.    $LastMessage2=mysql_query("select Hour, Date, MessagePoster from cf_message where Id='$TheId'" );
  39.    $ShowInfoLastMessage=mysql_fetch_row($LastMessage2);
  40.    echo $ShowInfoLastMessage[1].", ".$ShowInfoLastMessage[0]."<br />".$ShowInfoLastMessage[2];
  41.   }                                                                               
  42.  echo "</td></tr>";


 
Les changements sur les CSS ne s'applique que sur mozilla et sous IE on dirait que les tableau font expres de pas prendre les tailles que je leur specifie :/

Reply

Marsh Posté le 21-11-2003 à 18:20:12   

Reply

Marsh Posté le 21-11-2003 à 18:25:55    

ha oui je precise que la partie du haut (jusqu'au petit menu (register...)) est dans un include et que le probleme de vient pas de la :)

Reply

Marsh Posté le 22-11-2003 à 11:39:44    

up :)

Reply

Marsh Posté le 22-11-2003 à 14:00:51    

Etrange en effet... :/
 
Essayes deux choses :
 
1) Nom de classes en minuscule.
2) Vois si tu as bien fixé la largeur du tableau égale à la somme de toutes les cellules.

Reply

Marsh Posté le 22-11-2003 à 14:53:59    

1 : le nom sont maintenant en minuscule et ca fait la meme :(
2 :  
 
mon image du haut fait 750
 
pour le forum :
1ere case 40
2eme case xxx
3eme et 4eme 60
5eme 140
 
normalement la 2eme devrait s'adapter auto nan? [:spamafote]

Reply

Marsh Posté le 22-11-2003 à 16:16:18    

chacal_one333 a écrit :

1 : le nom sont maintenant en minuscule et ca fait la meme :(
2 :  
 
mon image du haut fait 750
 
pour le forum :
1ere case 40
2eme case xxx
3eme et 4eme 60
5eme 140
 
normalement la 2eme devrait s'adapter auto nan? [:spamafote]


 
Non, si tu n'as pas fixé une largeur AU TABLEAU en plus des cellules.

Reply

Marsh Posté le 22-11-2003 à 17:36:44    

exact apres verif ca a marcher a quelque passage du site :)
ce qui est deja ca  
 
je continue de debugger voir si j'ai pas oublier certain width :)

Reply

Marsh Posté le 22-11-2003 à 21:20:02    

ca marche
 
ca venais bien plus ou moins de la :)

Reply

Sujets relatifs:

Leave a Replay

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