Se connecter / S'enregistrer
Votre question

probleme alignement div

Tags :
  • Programmation
Dernière réponse : dans Programmation
7 Novembre 2008 16:47:42

salut a tous:

voila mon probleme:

j'ai deux block collé! de n1/ 600+ n2 /280 =880px
et un endessous de 880px

le probleme c'est que sous explorer c'est nikel, mais sous firefox le block n2 passe endessous!

html
  1. <div id="bloccadre">
  2. <div class="banniere"> </div>
  3. <ul>
  4. <li><a href="#" accesskey="1">Menu 1</a></li>
  5. <li><a href="#" accesskey="2">Menu 2</a></li>
  6. <li><a href="#" accesskey="3">Menu 3</a></li>
  7. <li><a href="#" accesskey="4">Menu 4</a></li>
  8. <li><a href="#" accesskey="5">Menu 5</a></li>
  9. </ul>
  10.  
  11.  
  12. <div class="fondmenu1"></div>
  13. <div class="fondmenu2"></div>
  14.  
  15. <div class="fondmenu3"></div>
  16. </div>
  17. </div>


css
  1. /* corps */
  2.  
  3. div#cadre {/* conteneur global et arrière-plan du titre du cadre */
  4. width: 900px;
  5. padding-top: 40px;
  6. background: url(entetetop.png) top center no-repeat;
  7. position: absolute;
  8. left: 50%;
  9. margin-left: -450px;
  10. }
  11.  
  12. div#bloccadre{/* arrière-plan bas et sur l'ensemble du cadre */
  13. background: url(entetebottom1.png) bottom center no-repeat;
  14. padding-bottom: 40px;
  15. }
  16.  
  17.  
  18. .fondmenu1
  19. {
  20. width: 600px;
  21. height: 80px;
  22. background-image: url("fondmenu1.png");
  23. text-align: left;
  24. border-top: 1px solid #252525;
  25. border-left: 1px solid black;
  26. margin-bottom: 1px;
  27. float: left;
  28. margin-left: 10px;
  29. }
  30.  
  31. .fondmenu2
  32. {
  33.  
  34. width: 280px;
  35. height: 80px;
  36. background-image: url("fondmenu2.png");
  37. text-align: left;
  38. border-top: 1px solid #252525;
  39. border-right: 1px solid black;
  40. margin-bottom: 1px;
  41. float: left;
  42. margin-right: 10px;
  43.  
  44. }
  45.  
  46. .fondmenu3
  47. {
  48.  
  49. width: 880px;
  50. height: 20px;
  51. background-image: url("fondmenu3.png");
  52. text-align: left;
  53. border-bottom: 1px solid black;
  54. border-top: 1px solid #252525;
  55. border-left: 1px solid black;
  56. border-right: 1px solid black;
  57. float: left;
  58. margin-left: 10px;
  59. }

Autres pages sur : probleme alignement div

7 Novembre 2008 17:01:40

SOUS EXPLORER c'est nikel!



mais sous fire fox:

7 Novembre 2008 17:20:55

RESOLU

mnt c'est height qui ne marche pas sous explorer sur .fondmenu3

  1. .fondmenu3
  2. {
  3.  
  4. width: 880px;
  5. height: 15px;
  6. background-image: url("fondmenu3.png") ;
  7. text-align: left;
  8. border-bottom: 1px solid black;
  9. border-top: 1px solid #252525;
  10. border-left: 1px solid black;
  11. border-right: 1px solid black;
  12. float: left;
  13. margin-left: 8px;
  14. }


mais si je met une valeur superrieur a 20 ca marche
7 Novembre 2008 18:50:20

Comment ça ça marche pas ?
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS