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. }
  9. div#marge_gauche {
  10. width:15.08%;
  11. height:92.89%;
  12. background-image: url("images/02.jpg" );
  13. float:left;
  14. margin: 0;
  15. }
  18. div#bandeau_poste {
  19. width:69.84%;
  20. height:12.94%;
  21. background-image: url("images/03.jpg" );
  22. background-repeat:no-repeat;
  23. background-position:100% 100%;
  24. float:left;
  25. margin: 0;
  26. font-family:trebuchet ms;
  27. font-weight:bold;
  28. color:#000099;
  29. }
  31. div#onglet {
  32. width:69.76%;
  33. height:4.31%;
  34. background-image: url("images/06.jpg" );
  35. float:left;
  36. margin: 0;
  37. font-family:trebuchet ms;
  38. font-size:11;
  39. text-align: center;
  40. vertical-align: bottom;
  41. }
  44. div#contenu_gauche {
  45. width:15.32%;
  46. height:75.64%;
  47. background-image: url("images/07.jpg" );
  48. float:left;
  49. margin: 0;
  50. }
  53. div#contenu_droite {
  54. width:18.09%;
  55. height:75.64%;
  56. background-image: url("images/09.jpg" );
  57. float:left;
  58. }
  60. div#contenu {
  61. overflow: auto;
  62. width:36.35%;
  63. height:75.64%;
  64. background-image: url("images/08.jpg" );
  65. float:left;
  66. margin: 0;
  67. }
  69. div#bigcontenu {
  70. overflow: auto;
  71. width:54.44%;
  72. height:75.64%;
  73. background-color: white;
  74. float:left;
  75. margin: 0;
  76. }
  78. div#bigleftcontenu {
  79. overflow: auto;
  80. width:51.67%;
  81. height:75.64%;
  82. background-color: white;
  83. float:left;
  84. margin: 0;
  85. }
  87. div#marge_droite {
  88. width:15.08%;
  89. height:92.89%;
  90. background-image: url("images/04.jpg" );
  91. float:right;
  92. margin: 0;
  93. }
  95. div#piedpage {
  96. width:100%;
  97. height:4.66%;
  98. background-image: url("images/10.jpg" );
  99. float:left;
  100. margin: 0;
  101. }


 
 
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 :)

Reply

Sujets relatifs:

Leave a Replay

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