Résolu Mon body ne prend pas toute la page...

Solutions (4)
Tags :
  • Creation
  • Programmation
|
Bonsoir tout le monde.
J'arrive en phase final de la création graphique de mon site. Et je vais devoir me coller à un probleme que j'ai depuis longtemps mais que j'ai toujours repoussé depuis le début...

En faite j'ai placé mes div avec des position relative absolute afin d'optimiser le referencement.
Cad que dans le code j'ai les chose a référencer en premier. Mais on gere l'affichage via le css. Bon je dis ça mais je ne sais pas si ça a un rapport...

Le probleme est que j'ai un pied de page ingérable. Il ne veut pas se mettre en bas de mon contenu. Actuellement je suis obliger de la gérer via position:absolute et bottom:-600px... et augmenter le chiffre.
Mais le contenu change en fonction de la page. Donc pas gérable comme ça.
Je ne comprends pas trop pourquoi je n'arrive pas a le mettre en bas.

Il se trouve qu'en essayant de trouver le problème avec firebug, j'ai découvert que mon html body div global etc.... ne prenne pas toute la page mais juste une partie. J'ai beau essayé de corriger ça je ne trouve pas.
J'ai beau regarder sur le net je ne trouve rien non plus à ce sujet. A croire que je soit le seul.

Bref mon problème est que j'aimerai bien que mes balises html, body,div global prenne toute ma page.
Et j'aimerai mettre mon pied de page en à sa place donc en pied de page...

Tout est en ligne. Mon site est http://www.gagner-argent-gratuitement.com
Il faut aller dans l'onglet général : j'y ai mis un max de contenu pour mieux se rendre compte.

Si quelqu'un a des idées a proposer... Merci d'avance aux personnes qui se pencheront sur mon problème.

jejemo
Contenus similaires
Meilleure solution
partage
|
tu as une erreur sur tes include, je voit le reste plus tard..

<? php include ('mon fichier.php'); ?>



  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par jejemo.
  • Commenter cette réponse |
Score
0
òh
òi
|
  1. <div id="corp">
  2. <div id="menu-gauche">
  3. <div id="mg-contenu"><br />
  4.  
  5. <?php
  6.  
  7. if(isset($id_page)){
  8. if(file_exists("pages/menu/$pages.html")){
  9. include "pages/menu/$pages.html";
  10. }
  11. else{
  12. include "pages/menu/404.html";
  13. }
  14. }
  15. else{
  16. include "pages/menu/404.html";
  17. }
  18. ?>
  19. </div>
  20. <br />
  21. <div id="pub-gauche"><?php echo $_ENV['pubdroite'];?></div>
  22. </div>
  23.  
  24.  
  25. <div id="conteneur">
  26.  
  27.  
  28. <div id="chemin_fer" class="ariane">
  29. <?php echo 'Vous êtes ici : '.affiche_chemin_fer($_ENV['id_page']);/*?>*/?>
  30. </div>
  31. <img alt="<?php echo $_ENV['titre'];?>" src="<?php echo $_ENV['image']; ?>" width="40" height="40" style="margin-right:5px; margin-top:3px;"/><h1 style="display:inline;">- <?php echo $_ENV['titre']; ?></h1><br /><br />
  32.  
  33.  
  34. <div id="carrousel">
  35.  
  36. <div id="slide2" class="slide">
  37. <div class="visu">
  38. <img src="images/slide2.jpg"/>
  39. </div>
  40. <div class="title">
  41. Un titre 2
  42. </div>
  43. </div>
  44.  
  45. </div>
  46.  
  47. <div id="top10-accueil">
  48. <div id="top10">
  49. <div id="top10-titre">TOP10 !</div>
  50. <div id="top10-date">MAJ le ajd</div>
  51. <div id="top10-contenu">
  52. <ul>
  53. <li><a class="general" href="<a href="http://www.gagner-argent-gratuitement.com/ptc-neobux" rel="nofollow" target="_blank">http://www.gagner-argent-gratuitement.com/ptc-neobux</a>"><i>Neobux</i></a> <img src="images/coeur.png"/></li>
  54.  
  55. </ul>
  56. </div>
  57. <div id="banner">
  58.  
  59. </div>
  60. </div>
  61. </div>
  62.  
  63.  
  64.  
  65.  
  66.  
  67. <div id="contenu-accueil">
  68. <br />
  69. <h1>Démo des infobulles</h1>
  70. Ici j'ai une série de texte avec des liens qui ont des title mais j'aimerais afficher des petites infobulles bien class pour améliorer ça. Mais Comment faire ?<br />
  71. C'est là que <a href="#" title="Oui la vidéo que vous regardez !!">ce tutoriel</a> va vous <a href="#" title="Si vous voulez des infobulles">servir</a>. Après vous pouvez toujours personnaliser
  72. l'apparence des infobulles avec le CSS... <a href="#">Soyez créatif</a>
  73.  
  74. <?php echo $_ENV['contenu']; ?><br /><br />
  75. Les dernières news du site !<br /><br />
  76. <?php include "news.php"; ?>
  77. </div>
  78.  
  79. </div>
  80. </div>



  1. html, body {
  2. margin : 0;
  3. padding : 0;
  4. background-color: #f0f5e0;
  5. min-width:982px;
  6. font-family : Trebuchet MS,Arial,sans-serif;
  7. font-size : 12px;
  8. height: 100%;
  9. }
  10.  
  11. #wrapper{
  12. position: relative;
  13. min-height: 100%;
  14. height:auto;
  15. }
  16. * html #wrapper{
  17. height: 100%;
  18. }
  19. #header{
  20. position:absolute;
  21. top:0;
  22. width:100%;
  23. background-color: #9b9bff;
  24. height:auto;
  25. }
  26. #head2{
  27. position:relative;
  28. }
  29.  
  30. #corp{
  31. position:relative;
  32. top:266px;
  33. width:100%;
  34. height:auto;
  35. }
  36.  
  37. #menu-gauche{
  38. margin-bottom:15px;
  39. padding-left:10px;
  40. padding-right:10px;
  41. position:absolute;
  42. top:0;
  43. left:15px;
  44. font-size:14px;
  45. width:165px;
  46. padding-bottom:30px;
  47. height:auto;
  48. -moz-border-radius-bottomleft:10px;
  49. -moz-border-radius-bottomright:10px;
  50. -moz-border-radius-topleft:10px;
  51. -moz-border-radius-topright:10px;
  52. background-color : #d5e0a6;
  53. border: 4px solid #a2c93f;
  54. }
  55.  
  56. #mg-contenu{
  57. color: #282a19;
  58. min-height: 300px;
  59. height:auto;
  60. text-align:right;
  61. font-size:11px;
  62. }
  63. .titre-gauche{
  64. line-height:22px;
  65. text-align:center;
  66. background-image:url(images/menug-titre.png);
  67. background-repeat:no-repeat;
  68. height:23px;
  69. width:169px;
  70. }
  71.  
  72. #mg-contenu .menu-gauche ul li{
  73. width:300px;
  74. }
  75.  
  76. #mg-contenu .sous-menu-gauche ul li{
  77. width:300px;
  78. }
  79.  
  80. #conteneur{
  81. position:absolute;
  82. left:220px;
  83. width:auto;
  84. color:#282a19;
  85. height:100%;
  86. right:15px;
  87. }
  88.  
  89. #contenu-accueil{
  90. right:32%;
  91. position:absolute;
  92. width:auto;
  93. height:auto;
  94. top:360px;
  95. }
  96. #contenu-autre{
  97. right:32%;
  98. position:absolute;
  99. width:auto;
  100. height:auto;
  101. top:60px;
  102. }
  103.  
  104. #top10-accueil{
  105. position:absolute;
  106. top:380px;
  107. right:0px;
  108. width:100%;
  109. }
  110. #top10{
  111. margin-top:10px;
  112. margin-left:10px;
  113. width: 31%;
  114. border: 1px solid #685f4d;
  115. -moz-border-radius-bottomleft:10px;
  116. -moz-border-radius-bottomright:10px;
  117. -moz-border-radius-topleft:10px;
  118. -moz-border-radius-topright:10px;
  119. float:right;
  120. }
  121.  
  122. #top10-titre{
  123. padding-top:5px;
  124. padding-left:5px;
  125. -moz-background-clip:border;
  126. -moz-background-inline-policy:continuous;
  127. -moz-background-origin:padding;
  128. -moz-border-radius-topleft:10px;
  129. -moz-border-radius-topright:10px;
  130. background-color: #a2c93f;
  131. text-align:left;
  132. width:100%-5px;
  133. color:#FFF;
  134. height:20px;
  135.  
  136. }
  137. #top10-contenu{
  138. padding:10px;
  139. background-color: #d4dfa5;
  140. -moz-background-clip:border;
  141. -moz-background-inline-policy:continuous;
  142. -moz-background-origin:padding;
  143. -moz-border-radius-bottomleft:10px;
  144. -moz-border-radius-bottomright:10px;
  145. }
  146.  
  147. #top10-contenu ul{
  148.  
  149. }
  150. #top10-contenu ul li{
  151. list-style: url(images/fleche_puce.png);
  152. line-height:19px;
  153. }
  154.  
  155. #top10-date{
  156. text-align:left;
  157. background-color: #d4dfa5;
  158. }
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167. #footer{
  168. position: absolute;
  169. bottom: 0px;
  170. width:100%;
  171. height:534px;
  172. }


Voila pour le code. En faite j'ai tout refais hier soir. Ca fonctionne mieux mais j'ai toujours mon pied de page qui n'est pas en bas. J'ai remarqué que mes div corp et conteneur ne fonctionnent pas. Elle s'affiche mais avec firebug, elles ne sont pas représenté par des zone de couleur. C'est les 2 seul divs ou ça fait ça.

J'ai regardé mais je ne trouve pas :( 

Si quelqu'un a une solution... qu'il n'hésite pas !!!!
Il y a tout le code du site à l'adresse indiqué plus haut.

Merci d'avance....

jejemo
  • Commenter cette réponse |
Score
0
òh
òi
|
indique le code ou cela pose problème.
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

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