Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1441 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Petit problème de cadres

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Petit problème de cadres

n°1746240
street51
Posté le 13-06-2008 à 18:08:58  profilanswer
 

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:

mood
Publicité
Posté le 13-06-2008 à 18:08:58  profilanswer
 

n°1746258
Profil sup​primé
Posté le 13-06-2008 à 19:34:57  answer
 

Code, navigateur :o

n°1746260
street51
Posté le 13-06-2008 à 19:44:31  profilanswer
 

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">
  3.    
  4.         <div id="lasteststats">
  5. <div class="bloc blocStat">
  6.     <div class="stat">
  7.  <div class="top">
  8.   <strong>Mes pronostics</strong>
  9.  </div><!-- .top -->
  10.  <table>
  11.   <tbody>
  12.   <tr>
  13.    <td width='200'>Championnat</td>
  14.    <td width='20%'><img src='images/iconoui.png' alt='ok'></td>
  15.    <td width='200'>56 jours, 21&nbsp;h et 33&nbsp;min</td>
  16.   </tr>
  17.   <tr>
  18.    <td width='200'>Coupe de France</td>
  19.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  20.    <td width='200'>A venir...</td>
  21.   </tr>
  22.   <tr>
  23.    <td width='200'>Coupe de la Ligue</td>
  24.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  25.    <td width='200'>A venir...</td>
  26.   </tr>
  27.   <tr>
  28.    <td width='200'>Ligue des Champions</td>
  29.    <td width='20%'><img src='images/soon.png' alt='ok'></td>
  30.    <td width='200'>A venir...</td>
  31.   </tr>
  32.  </tbody></table>
  33. </div><!-- .stat -->
  34.     </div>
  35. </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:

n°1746261
Profil sup​primé
Posté le 13-06-2008 à 19:50:59  answer
 

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


Pourquoi tu mets pas une taille fixe ?

n°1746292
gatsu35
Blablaté par Harko
Posté le 13-06-2008 à 21:50:11  profilanswer
 

un width:100% sur le tableau :o

n°1746327
street51
Posté le 14-06-2008 à 00:30:26  profilanswer
 

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

n°1746380
street51
Posté le 14-06-2008 à 11:54:03  profilanswer
 

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

n°1746400
gatsu35
Blablaté par Harko
Posté le 14-06-2008 à 12:48:04  profilanswer
 

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

n°1746429
street51
Posté le 14-06-2008 à 15:32:54  profilanswer
 

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. ;)

n°1746491
gatsu35
Blablaté par Harko
Posté le 14-06-2008 à 19:11:05  profilanswer
 

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

mood
Publicité
Posté le 14-06-2008 à 19:11:05  profilanswer
 

n°1746570
street51
Posté le 14-06-2008 à 23:57:20  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Petit problème de cadres

 

Sujets relatifs
Probleme reassemblage d'imageProbleme Izpack et fichier bash sous linux
Problème d'inscriptionProblème de multiplication de doubles
petit souci de chemin dans un .bat[Flash/actionscript]probleme clip qui reste
Problème Flash -> PHPProbleme de requete a la base de donnees
probleme de socket c/javaProbleme : Executer un fichier bat sans le sauvegarder
Plus de sujets relatifs à : Petit problème de cadres


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR