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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme de mise en page differente sous IE7 et Firefox

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme de mise en page differente sous IE7 et Firefox

n°1678226
Thebozo35
...
Posté le 29-01-2008 à 00:06:36  profilanswer
 

Salut a tous, voila je continu la construction de mon site, et après avoir tout reprit depuis le debut pour une nouvelle mise en page, j'ai eu un nouveau problème...Y'en a toujours...LoL
 
Voila, pour la mise en page, il y a une première <div> qui regroupe elle même deux <div> en float:left et float:right, on l'appellera div1...  dessous se trouve une autre div, div2...seulement voila: sur internet explorer div2 se situe bien sous la div1 tout en respectant la margin-top. Mais voila, sur Firefox, les problèmes arrivent: le div2 passe sous le div 1 et le texte de div2 se place de sorte qu'il reste lisible, et se casant entre les 2 div de div1 (désolé ça fait un peu de repetitions).
 
Donc j'ai essayé de changer le margin top de sorte qu'il revienne a la normale sous Firefox, mais la c'est sous IE7 qu'il est trop décalé vers le bas.
 
Donc la je ne voit pas d'où le problème peut venir.
 
Voila ici le code de chacunes des div:
 

Code :
  1. #accueil1                 //   div1
  2. {
  3. height:auto;
  4. width:auto;
  5. display:block;
  6. }
  7. #dernier_article    // bloc contenu dans le div1
  8. {
  9. width: 300px;
  10. height: auto;
  11. background-color: white;
  12. color: #f143da;
  13. border: groove 2px #df013c;
  14. position: relative; /* on positionne le conteneur */
  15.     margin: 20px;
  16. padding: 5px;
  17. float:left;
  18. }
  19. #dernier_article h4   // bloc contenu dans le div1
  20. {
  21. color: #9a5f92;
  22. text-decoration: underline;
  23. padding-left: 10px;
  24. text-transform: uppercase;
  25. text-align:center
  26. }
  27. #dernier_article a          // bloc contenu dans le div1
  28. {
  29. font-size: 0.8em;
  30. text-decoration: none;
  31. padding-left: 25px;
  32. color:#000000;
  33. }
  34. #aleatoire             // deuxieme bloc contenu dans le div1
  35. {
  36. height: auto;
  37. width: 400px;
  38. float: right;
  39. background-color: white;
  40. color: #f143da;
  41. border: groove 2px #df013c;
  42. padding: 10px;
  43. margin: 20px;
  44. }
  45. #aleatoire h4                     // deuxieme bloc contenu dans le div1
  46. {
  47. color: #9a5f92;
  48. text-decoration: underline;
  49. padding-left: 10px;
  50. text-transform: uppercase;
  51. text-align:center
  52. }
  53. #aleatoire h5                  // deuxieme bloc contenu dans le div1
  54. {
  55. color: #f143da;
  56. text-decoration: underline;
  57. padding-left: 10px;
  58. font-style: italic;
  59. text-align:center;
  60. }
  61. #aleatoire a          // deuxieme bloc contenu dans le div1
  62. {
  63. font-size: 0.8em;
  64. text-decoration: none;
  65. padding-left: 25px;
  66. color:#000000;
  67. }
  68. #articles               // div2
  69. {
  70. margin-top:30px;
  71. margin-left: auto;
  72. margin-right:auto;
  73. padding-left: 30px;
  74. background-color: white;
  75. border: groove 3px #df013c;
  76. padding-left: 30px;
  77. padding-right: 30px;
  78. padding-top: 30px;
  79. width: 600px;
  80. text-align: justify;
  81. }
  82. #articles h4          //div2
  83. {
  84. font-weight: bold;
  85. text-decoration: underline;
  86. text-transform: capitalize;
  87. }


 
 
Par rapport a l'ordre d'apparition dans le code:  
 
J'ai d'abord créé le div1, dans lequel j'ai mis les deux div en float, puis ensuite après la fermeture de div1, j'ouvre le div2.
 
Pour illistration: voila ce que je vois sous firefox:
 
http://content.screencast.com/media/9edb4b32-9550-47c0-abf4-37936793136c_af29b2f1-d9d2-43e2-8876-291b391d1903_static_0_0_2008-01-28_1938.png
 
sous ie7, le bloc du dessous se trouve bien en bas du bolc "Dernier article"...
 
Alors si quelqu'un a déja eu ce probleme, où en trouve la raison, MERCI DE M'ECLAIRER!!

mood
Publicité
Posté le 29-01-2008 à 00:06:36  profilanswer
 

n°1680803
bixibu
Ca ... c'est fait!
Posté le 02-02-2008 à 00:35:41  profilanswer
 

tu vas clairement en chier :/

n°1680890
mIRROR
Chevreuillobolchévik
Posté le 02-02-2008 à 16:38:46  profilanswer
 

bixibu a écrit :

tu vas clairement en chier :/


ouaip moi aussi je pense que ca va lui faire mal au cul :/


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1680894
bixibu
Ca ... c'est fait!
Posté le 02-02-2008 à 16:45:46  profilanswer
 

il a prevu le lubrifiant heuresement (menu gauche ) :p


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

  Probleme de mise en page differente sous IE7 et Firefox

 

Sujets relatifs
Problème de lenteur d'un site sous IE7 et pas sur IE6, FF2, Safari ...Help !! Problème de linkage (je crois)
[Résolu] [PHP][XML][PDF] Comment appeler FOP depuis une page PHP ?Page perso...vous demander un conseil...(resolu)
Probleme identification apres loginprobleme avec "codepress"
probleme de rotateur de banniereProblème de make avec uclinux
page invisible dans frame 
Plus de sujets relatifs à : Probleme de mise en page differente sous IE7 et Firefox


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