Probleme de boite contenu qui ne prend pas la taille voulue en css

Probleme de boite contenu qui ne prend pas la taille voulue en css - HTML/CSS - Programmation

Marsh Posté le 15-05-2006 à 18:55:46    

Bonjour tout le monde,
 
J'ai commencé un site web : http://dragonnoob.free.fr et j'ai essayer de mettre cela en css.
 
Je suis débutant dans le domaine et ca fait longtemps que j'en avait pas fait en plus lol.
 
En tout cas j'aimerai avoir une information là-dessus.
 
En fait ma mise en page marche comme je le voudrai sous IE6 mais sous firefox ca ne fonctionne pas.
 
En fait le but sur mon interface est d'avoir un contenu dont la boite va s'aggrandire en meme temps que je vais ajouter du texte.
 
J'ai un peu regarder dans le forum mais les solutions que j'ai trouvé ne fonctionne pas ou je n'arrive pas a les mettres en place.
 
Voici le contenu de mon fichier css
 

Code :
  1. *{
  2. padding: 0px;
  3. margin: 0px;
  4. text-align: left;
  5. }
  6. div.vide{
  7. clear: both;
  8. height: 0px;
  9. font-size: 0px;
  10. }
  11. body{
  12. text-align: center;
  13. }
  14. #global1{
  15. background-image: url('images/degradegauche.gif');
  16. background-repeat: repeat-y;
  17. width: 778px;
  18. margin: auto;
  19. border: 1px solid black;
  20. border-bottom: none;
  21. border-top: none;
  22. }
  23. #global2{
  24. background-image: url('images/degradedroit.gif');
  25. background-repeat: repeat-y;
  26. background-position: right;
  27. width: 753px;
  28. margin-left: 25px;
  29. }
  30. #principal{
  31. border-top: none;
  32. border-bottom: none;
  33. height: 600px; /* cette ligne indique la hauteur du bloc menu */
  34. width: 728px;
  35. margin-right: 25px;
  36. }
  37. #header{
  38. background-image: url('images/header.gif');
  39. background-repeat: no-repeat;
  40. background-position: center;
  41. width: 728px;
  42. height: 175px;
  43. }
  44. #menugauche{
  45. background-image: url('images/kyologo.gif');
  46. background-repeat: no-repeat;
  47. margin-right: 7px;
  48. margin-top: 7px;
  49. margin-left: 7px;
  50. float: left;
  51. display: inline;
  52. width: 175px;
  53. height: 370px; /* cette ligne indique la hauteur du bloc menu */
  54. }
  55. #contenu {
  56. border: 1px solid #D1D1D1;
  57. display: inline;
  58. float: right;
  59. height: 370px;
  60. width: 528px;
  61. margin-right: 7px;
  62. margin-top: 7px;
  63. background-color: #F1F1F1;
  64. }
  65. #bas{
  66. background-image: url('images/footer.gif');
  67. background-repeat: repeat-x;
  68. background-position: center;
  69. width: 728px;
  70. height: 25px;
  71. margin-top: 10px;
  72. margin-bottom: 10px;
  73. position: fixed;
  74. bottom: 50px;
  75. }


 
Donc voila si vous avez des idées ca serai super.
 
Merci beaucoup

Reply

Marsh Posté le 15-05-2006 à 18:55:46   

Reply

Sujets relatifs:

Leave a Replay

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