Petit problème de cadres

Petit problème de cadres - HTML/CSS - Programmation

Marsh Posté le 13-06-2008 à 18:08:58    

Comme le dit le titre, j'ai un petit problème avec un cadre. :D  
 
Voila ce que j'obtiens parfois :
 
http://www.pronos2008.fr/pb1.png
 
Et d'autres fois (en actualisant par exemple), j'obtiens ça :
 
http://www.pronos2008.fr/pb2.png
 
Vu que je ne touche même pas au code, c'est bizarre. Quand je testais le site en local, j'avais jamais rencontré ce problème.
Quelqu'un aurait une idée d'où ça peut venir ? :ange:

Reply

Marsh Posté le 13-06-2008 à 18:08:58   

Reply

Marsh Posté le 13-06-2008 à 19:34:57    

Code, navigateur :o

Reply

Marsh Posté le 13-06-2008 à 19:44:31    

Je suis sous Firefox, je sais pas si ça fait pareil sous IE mais je testerai à l'occasion (je suis sous OSX).
 
Pour le code, voici celui de ma page :
 

Code :
  1. <div id="pageContent" class="template02">
  2. <div id="rightColumn">
  4.    
  5.         <div id="lasteststats">
  6. <div class="bloc blocStat">
  7.     <div class="stat">
  8.  <div class="top">
  9.   <strong>Mes pronostics</strong>
  10.  </div><!-- .top -->
  11.  <table>
  13.   <tbody>
  15.   <tr>
  16.    <td width='200'>Championnat</td>
  17.    <td width='20%'><img src='images/iconoui.png' alt='ok'></td>
  18.    <td width='200'>56 jours, 21&nbsp;h et 33&nbsp;min</td>
  19.   </tr>
  21.   <tr>
  23.    <td width='200'>Coupe de France</td>
  24.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  25.    <td width='200'>A venir...</td>
  26.   </tr>
  28.   <tr>
  29.    <td width='200'>Coupe de la Ligue</td>
  30.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  32.    <td width='200'>A venir...</td>
  33.   </tr>
  35.   <tr>
  36.    <td width='200'>Ligue des Champions</td>
  37.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  38.    <td width='200'>A venir...</td>
  39.   </tr>
  42.  </tbody></table>
  43. </div><!-- .stat -->
  44.     </div>
  45. </div></div></div>


 
(pour le nombre de balises div, c'est parce qu'il y a d'autres trucs imbriqués avec plus tard)
 
Et voila la partie du fichier CSS qui correspond :
 

Code :
  1. .template02 h2 { float:left; }
  2. .template02 #rightColumn { float:middle; width:80%; align:middle; }
  3. .template02 #rightColumn .bloc { margin:0 0 12px 10px; padding:12px; background:#eee; _height:0.01%; border:2px solid #ccc; }
  4. .template02 #rightColumn .bloc.blocStat { padding:0; border-width:1px; }
  5. .template02 #rightColumn .bloc .top { border-bottom:1px solid gray; padding:0 0 10px 0; _height:0.01%; }
  6. .template02 #rightColumn .bloc.blocStat .top { margin:0 0 10px 0; }
  7. .template02 #rightColumn .bloc .stat { padding:10px; border:1px solid #ccc; }
  8. .template02 #rightColumn .bloc .stat.addStat { background:white; }
  9. .template02 #rightColumn .bloc .stat input { width:100px; }
  10. .template02 #rightColumn .bloc .stat input.submit { width:auto; }
  11. .template02 #rightColumn .bloc .stat table { margin:5px 0 0 0; }
  12. .template02 #rightColumn .bloc .stat td { padding:2px; }


 
 :jap:

Reply

Marsh Posté le 13-06-2008 à 19:50:59    

Code :
  1. <td width='20%'><img src='images/iconoui.png' alt='ok'></td>


Pourquoi tu mets pas une taille fixe ?

Reply

Marsh Posté le 13-06-2008 à 21:50:11    

un width:100% sur le tableau :o

Reply

Marsh Posté le 14-06-2008 à 00:30:26    

Il était à 70%, j'ai monté à 80% et y'a encore le problème (y'a largement la place en plus). A 100% ça ferait moche. :o Enfin je vais essayer quand même, si vraiment ça venait de ça. ;)
 
luc@s > j'aime bien utiliser les %, j'ai l'habitude. :o

Reply

Marsh Posté le 14-06-2008 à 11:54:03    

Ouais avec des tailles fixes (440 au lieu de 80%, et 40 au lieu de 20%), ça fait toujours la même chose. :(

Reply

Marsh Posté le 14-06-2008 à 12:48:04    

vire le 20% de la colonne centrale, et accessoirement, ca serait bien que tu utilises <colgroup> et <col> et aussi les largeurs suffit juste de les mettre sur les premier :o

Reply

Marsh Posté le 14-06-2008 à 15:32:54    

J'ai viré les 20% :
 

Code :
  1. <tr>
  2.    <td width='180'>Ligue des Champions</td>
  3.    <td width='80'><img src='images/soon.png' alt='ok'></td>
  4.    <td width='180'>A venir...</td>
  5.   </tr>


 
Mais le problème persiste.
 
Je vais regarder comment fonctionne la balise colgroup. ;)

Reply

Marsh Posté le 14-06-2008 à 19:11:05    

ben met en style alors : style="width:180px"  
pour voir

Reply

Marsh Posté le 14-06-2008 à 19:11:05   

Reply

Marsh Posté le 14-06-2008 à 23:57:20    

Avec la balise colgroup ça a l'air de fonctionner, j'ai pas encore rencontré le bug. Merci beaucoup ;)

Reply

Sujets relatifs:

Leave a Replay

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