Plusieurs problème en css

Plusieurs problème en css - HTML/CSS - Programmation

Marsh Posté le 12-03-2005 à 22:17:52    

Salut tout le monde,
j'ai quelques petits prob en CSS avec mon site :
 
quand le bloc du milieu (corps dans la css, et news sur l'écran) s'agrandit, tout est décallé avec, ça fait que j'ai un grand espace entre la fin du bloc et le bas du site.
 
De même, quand je veux mettre padding-right: 15px pour que le texte rentre bien dans le fond noir, il ne se passe rien.
 
Voici ma CSS :
 

Code :
  1. /* CSS Document */
  2. BODY {
  3. background-color: #d2d2d2;
  4. margin: 0;
  5. color: #ffffff;
  6. }
  7. #header {
  8. background-image: url('gfx/haut.jpg');
  9. width: 783px;
  10. height: 191px;
  11. }
  12. #menu_haut {
  13. background-image: url('gfx/menu_haut.jpg');
  14. width: 195px;
  15. height: 90px;
  16. }
  17. #menu_bg {
  18. background-image: url('gfx/menu_bg.gif');
  19. width: 173px;
  20. height: 100%;
  21. padding-left: 12px;
  22. }
  23. #menu_bas {
  24. background-image: url('gfx/menu_bas.jpg');
  25. width: 185px;
  26. height: 202px;
  27. }
  28. #corps_haut {
  29. background-image: url('gfx/corps_news.gif');
  30. width: 563px;
  31. height: 24px;
  32. margin-left: 205px;
  33. margin-top: 20px;
  34. float: left;
  35. }
  36. #corps {
  37. text-align: justify;
  38. background-image: url('gfx/corps_bg.gif');
  39. width: 548px;
  40. margin-left: 205px;
  41. background-repeat: repeat-y;
  42. padding-left: 15px;
  43. float: left;
  44. }
  45. #corps_bas {
  46. background-image: url('gfx/corps_bas.gif');
  47. width: 563px;
  48. height: 15px;
  49. margin-left: 205px;
  50. float: left;
  51. }
  52. #footer {
  53. background-image: url('gfx/bas.jpg');
  54. width: 783px;
  55. height: 63px;
  56. }


 
Et ma page xhtml :
 

Code :
  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>// Gamers Enjoy</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <link rel="stylesheet" type="text/css" href="defaut.css" />
  8. </head>
  10. <body>
  11. <div id="header">
  12. </div>
  13. <!-- CORPS DU SITE -->
  14. <div id="corps_haut">
  15. </div>
  16. <div id="corps">
  17. un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site un petit test du corps du site
  18. </div>
  19. <div id="corps_bas">
  20. </div>
  21. <!-- // CORPS DU SITE -->
  22. <!-- MENU -->
  23. <div id="menu_haut">
  24. </div>
  25. <div id="menu_bg">
  27. test de menu
  28. </div>
  29. <div id="menu_bas">
  30. </div>
  32. <div id="footer">
  33. </div>
  34. </body>
  35. </html>


 
De même, est-ce qu'il y aurait possibilité d'alleger le code ?
 
Merci d'avance pour vos réponses ;).


---------------
Twitter
Reply

Marsh Posté le 12-03-2005 à 22:17:52   

Reply

Sujets relatifs:

Leave a Replay

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