Problèle de compatiblité avec <div> et height pour IE

Problèle de compatiblité avec <div> et height pour IE - HTML/CSS - Programmation

Marsh Posté le 21-03-2006 à 10:30:18    

Yop !
 
Voila, j'ai une page séparée en 2 parties, et je voudrais que ces 2 parties soit dans un bloc scrollable.
J'ai donc utilisé ceci :  

Code :
  1. <div style='height: 50%; overflow: auto'>


Ce code est standard est passe parfaitement sous FF, mais le problème c'est que l'application que je réalise sera utilisée exclusivement sous IE, et évidemment ce sacré IE ne semble pas compatible avec ce style dans les <div>.
 
Me trompe-je ? Ya-t-il une solution à ce problème ?
 
(vous allez me dire que ce sujet à déja été traité, mais j'ai fait des recherches, j'ai trouvé des topics qui en parlait, mais ils sont vieux et ne donnent pas de réponse, je me permet donc de recréer un post dessus, je suis sûr qu'il sera en plus profitable a plein d'autres gens)

Reply

Marsh Posté le 21-03-2006 à 10:30:18   

Reply

Marsh Posté le 21-03-2006 à 10:43:46    

Yertle a écrit :

Me trompe-je ?


Oui tu te trompes-je...Marchent très bien les overflow sous IE!

Reply

Marsh Posté le 21-03-2006 à 11:04:16    

Bon j'ai voulu faire des impressions d'écran pour te montrer les résultats avec IE et FF, mais comme je suis en stage et que mon poste et vieux (il tourne sous Windows NT) et que j'ai qu'une vieille version de Paint qui ne gère que le *.bmp je me suis pas permis de faire un lien vers des img de plus de 2Mo...
 

Citation :

Oui tu te trompes-je...Marchent très bien les overflow sous IE!


ça me fait me dire que c'est peut être height qui plante, paske ya vraiment un problème avec IE.
 
Déja qd la page est chargée, la place des div est censée être reservée, elle l'est avec FF mais pas avec IE.
 
Ensuite j'utilise ce système pour un formulaire de saisie auquel je peux rajouter dynamiquement des lignes de saisie, mais comme je voulais que les boutons de contrôle ne bougent pas ("valider","effacer le formulaire",etc.) soit je les mettais au dessus, soit je mettais un scroll, j'ai préféré le scroll c'était plus ergonomique.
Sans rien à chaque fois que je rajoute une ligne il descendent d'un cran et comme le bouton de rajout de ligne est dans le groupe de boutons de controle si je veux rajouter 4 lignes faut que je clik, que je descende la souris, que je reclik etc. alors qu'avec le scroll je fais clikclikclikclik et c'est bon.
 
Tout ça pour dire qu'avec FF, qd je rajoute des lignes et que la taille du formulaire dépasse celle du div le scroll apparait et les boutons ne bougent donc pas, alors qu'avec IE rien a faire, pas de scroll, les boutons sont poussés au fur et a mesure, exactement ce que je ne voulais pas...
 
(tin mais c'est fou ski parle ce Yertle !!)

Reply

Marsh Posté le 21-03-2006 à 14:04:57    

La syntaxe est toto:titi;
 
Il manque un point virgule. Je ne sais pas si c'est la raison du problème, mais en tous cas, il est plus correct d'écrire

<div style='height:50%; overflow:auto;'>

Reply

Marsh Posté le 21-03-2006 à 14:08:15    

C'est pas la source du pbm pasken fait j'ai écrit ça comme ça :  

Code :
  1. <div class='scrollcontainer'>


et dans la css

Code :
  1. .scrollcontainer {
  2. height: 50%;
  3. overflow: auto;
  4. }

Reply

Marsh Posté le 21-03-2006 à 15:48:15    

Bon ben je viens d'apprendre que la balise <div> ne possède pas height comme paramètre, je ne sais pas pkoi ce paramètre est tt de même interprété par FF.
Ceci dit, une chose encore plus bizarre est que j'ai fait un script tout con :

Code :
  1. <html>
  2. <body>
  3. <div style='height: 50%; overflow: auto;'>
  4. aaa
  5. <br />
  6. bbb
  7. <br />
  8. ccc
  9. <br />
  10. aaa
  11. <br />
  12. bbb
  13. <br />
  14. ccc
  15. <br />
  16. aaa
  17. <br />
  18. bbb
  19. <br />
  20. ccc
  21. <br />
  22. aaa
  23. <br />
  24. bbb
  25. <br />
  26. ccc
  27. <br />
  28. aaa
  29. <br />
  30. bbb
  31. <br />
  32. ccc
  33. </div>
  34. </body>
  35. </html>


 
et ce script là marche nickel meme sous IE...  :heink:

Reply

Sujets relatifs:

Leave a Replay

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