Bug IE + table

Bug IE + table - HTML/CSS - Programmation

Marsh Posté le 20-10-2004 à 14:55:52    

Observer cet exemple :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  5. <title>test</title>
  6. <style type="text/css" media="screen"><!--
  7. html,body
  8. {
  9. margin : 0px;
  10. padding : 0px
  11. }
  12. #tbl
  13. {
  14. width : 100%;
  15. height : auto;
  16. }
  17. #cell1
  18. {
  19. height : 0px;
  20. background-color : #FF0000;
  21. }
  22. #cell2
  23. {
  24. height : 100px;
  25. background-color : #00FF00;
  26. }
  27. #cell3
  28. {
  29. height : 100px;
  30. background-color : #0000FF;
  31. }
  32. --></style>
  33. </head>
  34. <body>
  35. <table id="tbl" cellspacing="0" cellpadding="0">
  36. <tr>
  37.  <td id="cell1"></td>
  38. </tr>
  39. <tr>
  40.  <td id="cell2"></td>
  41. </tr>
  42. <tr>
  43.  <td id="cell3"></td>
  44. </tr>
  45. </table>
  46. </body>
  47. </html>


 
Vous pouvez le recopier et le tester.
 
Sous mozilla ou opera, pas de problème, la première cellule a bien 0px de haut.
 
Mais concernant IE, j'ai une hauteur de cell1 égale à 1px et non 0px...
 
Est-ce un bug connu et existe-t-il une solution pour le contourner ?

Reply

Marsh Posté le 20-10-2004 à 14:55:52   

Reply

Marsh Posté le 20-10-2004 à 16:19:38    

Hermes le Messager a écrit :


Vous pouvez le recopier et le tester.
 
Sous mozilla ou opera, pas de problème, la première cellule a bien 0px de haut.
 
Mais concernant IE, j'ai une hauteur de cell1 égale à 1px et non 0px...
 
Est-ce un bug connu et existe-t-il une solution pour le contourner ?


Même constatation ...
Interessant de constater que même en mettant un display:non; sur cell1 la ligne de 1px reste en place.
Ce bug semble se produire où que se place la cellule de 0px se trouve.
1 , 2 ou 3 ème 'étage'
J'ai essayé, je n'est pas réussi à la faire disparaitre.


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 17:48:29    

Dois-je comprendre que c'est un bug méconnu sans solution (je dis méconnu, car j'ai rien trouvé dans google). [:itm]

Reply

Marsh Posté le 20-10-2004 à 18:01:42    

En appliquant un display:none sur le tr correspondant ca marche.
 
Pour moi dans un tableau, on fixe la hauteur d'une cellule en modifiant l'attribut height du <tr>.


Message édité par Ayuget le 20-10-2004 à 18:02:04
Reply

Marsh Posté le 20-10-2004 à 18:04:15    

+1, normal

Reply

Marsh Posté le 20-10-2004 à 18:05:42    

Oui enfin, y'a quand même un bug d'IE car même en appliquant height:0px au <tr>, l'espace de 1px est toujours là.

Reply

Marsh Posté le 20-10-2004 à 18:37:43    

Ayuget a écrit :

En appliquant un display:none sur le tr correspondant ca marche.
 
Pour moi dans un tableau, on fixe la hauteur d'une cellule en modifiant l'attribut height du <tr>.


 
Oui, ça je sais. Mais c'est pas trop le sujet. [:itm]
 
Moi ce qui m'intéresse, c'est de faire varier dynamiquement les dimensions d'une cellule [:itm]
 
Donc, tu confirmes, c'est un bug, et il n'y a pas de solution (autre que faire disparaitre la ligne entière) ?

Reply

Marsh Posté le 20-10-2004 à 18:45:15    

Hermes le Messager a écrit :

Est-ce un bug connu et existe-t-il une solution pour le contourner ?


 
la solution pourrait consister à ne pas mettre la cellule ...
vu qu'elle est vide , elle ne sert à rien ...
(Lapalisse)
 
 :)  
 
L.

Reply

Marsh Posté le 20-10-2004 à 19:09:31    

Hermes le Messager a écrit :

Oui, ça je sais. Mais c'est pas trop le sujet. [:itm]
 
Moi ce qui m'intéresse, c'est de faire varier dynamiquement les dimensions d'une cellule [:itm]
 
Donc, tu confirmes, c'est un bug, et il n'y a pas de solution (autre que faire disparaitre la ligne entière) ?


Non.
(enfin du moins avec ce que j'ai testé)
 
edit: tu veux faire quoi exactement? (si c'est pas indiscret  [:djmb] )


Message édité par Ayuget le 20-10-2004 à 19:11:33
Reply

Marsh Posté le 20-10-2004 à 19:18:06    

Ayuget a écrit :

Non.
(enfin du moins avec ce que j'ai testé)
 
edit: tu veux faire quoi exactement? (si c'est pas indiscret  [:djmb] )


 
je suis en train de concevoir un design universel qui sera la base d'un genre de CMS que je suis en train de faire et sur lequel je travaille depuis plusieurs mois déjà.
 
Mon idée de départ était de tout faire avec des divs, mais c'est malheureusement impossible à cause de choses toutes connes comme  3 cellules avec une hauteur commune  dans un div de 100% de large avec la cellule de gauche d'une taille fixe ainsi que celle de droite.
Même type de problème avec les bordures arrondies où je serais obligé de fixer la largeur du div central etc...
 
En fait, mon design permet pour le moment :
 
- Un site soit de 760px (800/600) de large ou de 955 (1024/768)  ou de 100% de large.
- Un menu horizontal avec ou sans sous-menus et/ou un menu vertical avec ou sans sous-menus.
- Des bordures sous forme d'image entièrement personnalisable (système de skin).
 
ainsi que plusieurs autres choses...
 
Le tout sans changer UNE SEULE ligne de XHTML et avec des systèmes de preview de ce que ça va donner en JS en jouant dynamiquement avec les propriétés.

Reply

Marsh Posté le 20-10-2004 à 19:18:06   

Reply

Marsh Posté le 20-10-2004 à 19:20:34    

Tu changes tout avec les CSS donc?


Message édité par Ayuget le 20-10-2004 à 19:20:39
Reply

Marsh Posté le 20-10-2004 à 19:22:34    

Ayuget a écrit :

Tu changes tout avec les CSS donc?


 
Exact.  :jap:  
 
Et bien sûr j'essaye de concevoir le tout le plus léger possible et le plus optimisé possible.  
 
Les CSS sont écrites et générées par diverses pages de traitement en PHP.  :D

Reply

Marsh Posté le 20-10-2004 à 19:27:28    

Hermes le Messager a écrit :

Exact.  :jap:  
 
Et bien sûr j'essaye de concevoir le tout le plus léger possible et le plus optimisé possible.  
 
Les CSS sont écrites et générées par diverses pages de traitement en PHP.  :D


C'est également le principe que j'applique à tous les sites que je concoit maintenant (tout gérer par les css) :jap:

Reply

Marsh Posté le 20-10-2004 à 19:29:14    

mmh, interressant de projet..


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 20-10-2004 à 19:29:44    

KangOl a écrit :

mmh, interressant de projet..


 
Oui, mais pas libre [:itm] désolé.

Reply

Marsh Posté le 20-10-2004 à 19:35:40    

dommage...


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 20-10-2004 à 20:14:05    

Hermes le Messager a écrit :

Exact.  :jap:  
 
Et bien sûr j'essaye de concevoir le tout le plus léger possible et le plus optimisé possible.  
 
Les CSS sont écrites et générées par diverses pages de traitement en PHP.  :D


un nouveau CSS Garden  :D


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 20:15:54    

Lorr Hyde a écrit :

un nouveau CSS Garden  :D


 
Bien mieux que ça. Une solution clé en main pour faire des sites valides et utilisables uniquement par moi.
 
Le truc, c'est de penser à tout pour pouvoir faire le maximum de configs différentes.

Reply

Marsh Posté le 20-10-2004 à 20:17:38    

Hermes le Messager a écrit :

Bien mieux que ça. Une solution clé en main pour faire des sites valides et utilisables uniquement par moi.
 
Le truc, c'est de penser à tout pour pouvoir faire le maximum de configs différentes.


 
Hmmm....
Super projet ...
un jour peut etre ... si j'ai le temps ... :p


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Sujets relatifs:

Leave a Replay

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