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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] hauteur d'un tableau sous IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] hauteur d'un tableau sous IE

n°1784619
abais
Posté le 09-09-2008 à 17:38:07  profilanswer
 

Bonjour,
J'aimerai comprendre pourquoi mon tableau ne se comporte pas bien avec IE ici !
je veux un tableau "elastique" qui complète mon écran, sauf la premiere ligne qui s'adapte à son contenu.
je ne peux pas passer par des DIV car la 2eme ligne contiendra un motif qui s'alignera au coin en haut à droite de la cellule.
Je me suis dis qu'il fallait donc un tableau de 100% de hauteur, et ne déclarer que la hauteur sur la première ligne, la seconde prennant logiquement le reste de la fenetre...
Et bien sous firefox, OK, mais IE il veut rien savoir, il fait 50/50...
Et si je met 100% en hauteur a la 2eme ligne, IE me rajoutera un scroll, ce que je ne souhaite pas, je veux que le surplus de la hauteur de cette ligne soit tronqué.
Je rappel que celle ci est destiner à contenir un motif de fond qui doit s'aligner au coin haut/droite de la cellule.
 
Voici mon code de test

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Bordel d'IE</title>
  6. <style type="text/css">
  7. <!--
  8. html, body, table {
  9. margin:0px;
  10. border:0px;
  11. border-spacing:0px;
  12. border-collapse:collapse;
  13. empty-cells:hide;
  14. padding:0px;
  15. width:100%;
  16. height:100%;
  17. }
  18. table{
  19. height:100%;
  20. width:100%;
  21. }
  22. .rouge{
  23. text-align:center;
  24. color: #FFFFFF;
  25. background-color:#FF0000;
  26. height:50px;
  27. }
  28. .bleu{
  29. text-align:center;
  30. color: #FFFFFF;
  31. background-color:#000099;
  32. }
  33. -->
  34. </style>
  35. </head>
  36. <body>
  37. <table>
  38.   <tr>
  39.     <td class="rouge">Rouge</td>
  40.   </tr>
  41.   <tr>
  42.     <td class="bleu">Bleu</td>
  43.   </tr>
  44. </table>
  45. </body>
  46. </html>


 
(j'ai lacher les DIV qui me prenait le systeme, et me voila embêté avec les TABLE aussi !)


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
mood
Publicité
Posté le 09-09-2008 à 17:38:07  profilanswer
 

n°1784720
tpierron
Posté le 09-09-2008 à 20:14:04  profilanswer
 

Oué, bizarre ton problème, effectivement.
 
J'ai une page avec une mise en page similaire et je n'ai pas ce problème. En bidouillant un peu, j'ai remarqué qu'en ajoutant avant ton doctype :
 
<?xml version="1.0" encoding="utf-8"?>
 
Ça résoud le problème. Bizarre, puisque normallement c'est ce qui fait passer IE en mode "quirks" avec du XHTML. D'autant plus bizarre que ma page en HTML4.0 transitionnal fait ce qu'elle est sensée faire. Encore plus bizarre, c'est que si je mets un doctype HTML4, ça merde encore avec IE. Enfin bref, ce navigateur est tellement pourri, que ça n'en vaut pas la peine de se prendre la tête à trouver des explications rationnelles.

n°1784760
abais
Posté le 09-09-2008 à 21:45:00  profilanswer
 

résolu !
enfin, j'ai reussi a obtenir ce que je voulais en DIV (avec lesquels j'avais le même problème).
Pour IE, il fallait mettre une position absolue (ou relative) à la DIV qui contient les 2 autres pour que l'overflow fonctionne. (alors qu'en toute logique elle en a pas besoin). J'ai pas réessayer avec les table, mais je pense que c'est grossomerdo la même chose !


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

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

  [CSS] hauteur d'un tableau sous IE

 

Sujets relatifs
[CSS] Div en Inlinehauteur d'un tableau et insertion d'iframe
Site vu différement par FFOx, IE et en local[Résolu] Style Css Formulaire IE6
conception d'un site sans frame (ni tableau)Bouton submit change entre IE et FF ?
[PHP] gzipper les fichiers CSSVBA - IE - enregistrer sous - pb de control
probleme de tableau sous internet explorer 
Plus de sujets relatifs à : [CSS] hauteur d'un tableau sous IE


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