height: 100% marche pas dans firefox

height: 100% marche pas dans firefox - HTML/CSS - Programmation

Marsh Posté le 12-05-2004 à 15:10:52    

Salut,  
comme je l'ai dit dans le titre, j'ai mis height: 100%; pour un div dans une feuille de style et ça ne marche pas sous firefox, uniquement dans IE.  
la page en question: http://www.courchevel.com/temp/test-include/Il s'agit du centre. Pour ceux qui ont firefox, regardez en bas du div centre, il y a une marge en bleu qui n'y est pas avec IE.  
 
Vous savez pourquoi?  
apperement, le 100% n'aurais pas de référence et je ne vois comment en faire une.
merci

Reply

Marsh Posté le 12-05-2004 à 15:10:52   

Reply

Marsh Posté le 12-05-2004 à 15:20:33    

kameha a écrit :

Salut,  
comme je l'ai dit dans le titre, j'ai mis height: 100%; pour un div dans une feuille de style et ça ne marche pas sous firefox, uniquement dans IE.  
la page en question: http://www.courchevel.com/temp/test-include/Il s'agit du centre. Pour ceux qui ont firefox, regardez en bas du div centre, il y a une marge en bleu qui n'y est pas avec IE.  
 
Vous savez pourquoi?  
apperement, le 100% n'aurais pas de référence et je ne vois comment en faire une.
merci

Reply

Marsh Posté le 12-05-2004 à 15:34:08    

ça deja été traité dans un autre sujet mais rien de concluant

Reply

Marsh Posté le 12-05-2004 à 15:43:31    

Je ne vois pas de différence entre IE et Mozilla :??:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 12-05-2004 à 15:44:03    

bon ben il suffisait de mettre  

Code :
  1. p {margin: 0 0 0 0;}


au lieu de  

Code :
  1. p {margin: 0 0 10px 0;}


 
merci quand meme

Reply

Marsh Posté le 12-05-2004 à 15:44:49    

antp a écrit :

Je ne vois pas de différence entre IE et Mozilla :??:


si il y avait une marge en bas de mon contenu au centre

Reply

Marsh Posté le 12-05-2004 à 16:15:42    

au secours,  
min-height ne fonctionne pas dans IE.
J'ai regardé sur http://www.fastclemmy.com/index.ph [...] t-Explorer
Mais c'est pas evident.
La meilleure solution, c'est le javascript donc?

Reply

Marsh Posté le 12-05-2004 à 17:08:19    

bref, comment parer à ça:
http://www.courchevel.com/temp/test-include/ (IE)
 
Mon menu gauche va encore s'agrandir, à droite pareil et le centre aussi mais les 3 sont variables.  
Est ce que je peux forcer le conteneur a s'agrandir en hauteur suivant la taille de "gauche", "centre" ou "droite"?
Comme ça plus de probleme de min-height, il check la colonne la plus grande et s'adapte en fonction.


Message édité par kameha le 12-05-2004 à 17:08:44
Reply

Marsh Posté le 12-05-2004 à 17:10:13    

Reply

Marsh Posté le 12-05-2004 à 17:25:22    

Merci fast mais a quoi me sert cette soluce que j'ai traduit tant bien que mal?
Mettre une image en fond, ok mais ça force pas les différentes colonnes en hauteur.
Je rappelle mon but: que n'importe colonne pousse les autres vers le bas. (pour l'instant il n'y a que "centre" qui agit de la sorte). C'est pas un simple changement dans ma feuille de style?


Message édité par kameha le 12-05-2004 à 17:25:46
Reply

Marsh Posté le 12-05-2004 à 17:25:22   

Reply

Marsh Posté le 12-05-2004 à 17:57:19    

help, vraiment

Reply

Marsh Posté le 12-05-2004 à 17:58:39    

Au temps pour moi, j'avais lu un peu en vitesse ;)
 
En fait c'est le même problème (et donc la même solution) que http://forum.hardware.fr/forum2.ph [...] =0#t723702

Reply

Marsh Posté le 17-06-2004 à 14:03:17    

désolé, jrelance mon topic mais j'arrive pas à trouver de soluce.
 
Seul le contenu de "centre" force le "pied". "Gauche" et "droite" passent par dessus, ce qui est génant quand j'ai menu de gauche plus important que le centre.
 
Voici mon css, ci quelqu'un sait comment regler ça :
 

Code :
  1. body {
  2. font-family:Verdana, Arial, Helvetica, sans-serif;
  3. font-size: 0.8em;
  4. margin: 0;
  5. padding: 0;
  6. }
  7. #header {
  8. height: 100px;
  9. background-color: #99CCCC;
  10. }
  11. #conteneur {
  12. position: absolute;
  13. width: 750px;
  14. left: 50%;
  15. margin-left: -375px;
  16. background-color:#CCCCFF;
  17. }
  18. #centre {
  19. background-color:#9999CC;
  20. margin-left: 150px;
  21. margin-right: 150px;
  22. }
  23. #gauche {
  24. position: absolute;
  25. left:0;
  26. width: 150px;
  27. margin-left: 0px;
  28. margin-right: 150px;
  29. }
  30. #droite {
  31. position: absolute;
  32. right:0;
  33. width: 150px;
  34. margin-left: 600px;
  35. margin-right: 0px;
  36. }
  37. #pied {
  38. height: 30px;
  39. background-color: #99CC99;
  40. }


 
merci d'avance


Message édité par kameha le 17-06-2004 à 14:03:41
Reply

Sujets relatifs:

Leave a Replay

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