Probleme résolution et CSS

Probleme résolution et CSS - Divers - Graphisme

Marsh Posté le 04-02-2009 à 10:30:28    

Bonjour,
J'ai un problème de taille: ma feuille css s'applique correctement sous IE6 résolution 1280x1024.
Mais quand je vais sous firefox, ou que je change ma résolution en 1280x768, tout est décalé...
Voila mon CSS:
 

Code :
  1. div#bandeau_haut {
  2. width:100%;
  3. height:2.45%;
  4. background-image: url("images/01.jpg" );
  5. float:top;
  6. margin: 0;
  7. }
  8. div#marge_gauche {
  9. width:15.08%;
  10. height:92.89%;
  11. background-image: url("images/02.jpg" );
  12. float:left;
  13. margin: 0;
  14. }
  15. div#bandeau_poste {
  16. width:69.84%;
  17. height:12.94%;
  18. background-image: url("images/03.jpg" );
  19. background-repeat:no-repeat;
  20. background-position:100% 100%;
  21. float:left;
  22. margin: 0;
  23. font-family:trebuchet ms;
  24. font-weight:bold;
  25. color:#000099;
  26. }
  27. div#onglet {
  28. width:69.76%;
  29. height:4.31%;
  30. background-image: url("images/06.jpg" );
  31. float:left;
  32. margin: 0;
  33. font-family:trebuchet ms;
  34. font-size:11;
  35. text-align: center;
  36. vertical-align: bottom;
  37. }
  38. div#contenu_gauche {
  39. width:15.32%;
  40. height:75.64%;
  41. background-image: url("images/07.jpg" );
  42. float:left;
  43. margin: 0;
  44. }
  45. div#contenu_droite {
  46. width:18.09%;
  47. height:75.64%;
  48. background-image: url("images/09.jpg" );
  49. float:left;
  50. }
  51. div#contenu {
  52. overflow: auto;
  53. width:36.35%;
  54. height:75.64%;
  55. background-image: url("images/08.jpg" );
  56. float:left;
  57. margin: 0;
  58. }
  59. div#bigcontenu {
  60. overflow: auto;
  61. width:54.44%;
  62. height:75.64%;
  63. background-color: white;
  64. float:left;
  65. margin: 0;
  66. }
  67. div#bigleftcontenu {
  68. overflow: auto;
  69. width:51.67%;
  70. height:75.64%;
  71. background-color: white;
  72. float:left;
  73. margin: 0;
  74. }
  75. div#marge_droite {
  76. width:15.08%;
  77. height:92.89%;
  78. background-image: url("images/04.jpg" );
  79. float:right;
  80. margin: 0;
  81. }
  82. div#piedpage {
  83. width:100%;
  84. height:4.66%;
  85. background-image: url("images/10.jpg" );
  86. float:left;
  87. margin: 0;
  88. }


 
 
Comment faire pour que ça n'arrive pas? Je pensais que le problème serait résolu avec des pourcentages mais ce n'est pas le cas...
 
Merci, Leeloe

Reply

Marsh Posté le 04-02-2009 à 10:30:28   

Reply

Marsh Posté le 04-02-2009 à 11:04:18    

Salut,
va plutot poser ta question dans PROG :)


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Sujets relatifs:

Leave a Replay

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