[CSS] Div qui ne veut pas être à 100%

Div qui ne veut pas être à 100% [CSS] - HTML/CSS - Programmation

Marsh Posté le 23-01-2009 à 23:41:26    

Bonjour,  
 
J'ai un gros problème de css sur un div qui refuse de faire la taille qu'il devrait faire.  
voici la structure du site :
 

Code :
  1. <!-- début de la page -->
  2.     <body>
  3.         <!-- pour le fond blanc -->
  4.         <div class="global">
  5.             <div class="siteInternet">
  6.                 <div class="topBanniere">
  7.                 </div>
  8.                 <!-- les deux menus -->
  9.                 <div class="menu">
  10.                     <!-- menu principale en image -->
  11.                     <div class="menuPrincipal">
  12.                     </div>
  13.                </div>
  14.                 <div class="bottomBanniere">
  15.                     <div class="LeftBottomBanniere">
  16.                         <!-- rechercher un lieu -->
  17.                         <div class="searchPlace">
  18.                         </div>
  20.                         <!-- lieu à découvrir -->
  21.                         <div class="placeAleatoire">
  22.                         </div>
  23.                         <div id="photoLien" class="divLigneBas">
  24.                         </div>
  26.                         <!-- Evénement à venir -->
  27.                         <div class="evenementAVenir">
  28.                         </div>
  29.   <div id="evenementAVenir" class="divLigneBas">
  30.   </div>
  31.                     </div>
  32.                     <div class="rightBottomBanniere">
  34.                         <div class="copyright">
  35.                             <hr/>&copy;2007
  36.                         </div>
  37.                     </div> <!-- fin du div right bottom banniere -->
  39.                 </div> <!-- fin du div bottom banniere -->
  41.             </div><!-- fin du site internet -->
  43.         </div><!-- fin du global -->
  45.     </body>


 
et le css correspondant :
 

Code :
  1. /* define global div */
  2. .global{
  3.     margin-left: auto;
  4.     margin-right: auto;
  5.     background: #075724 url("pictures/design/fondGlobal.jpg" );
  6.     border-bottom: #000000 double 1px;
  7.     border-left: #000000 double 1px;
  8.     border-right: #000000 double 1px;
  9.     border-top: #000000 double 1px;
  10.     position : relative;
  11. }


 
j'ai essayé de mettre la valeur height à 100% mais ça ne fait rien par contre height à 1000px me change bien la taille.
c'est vraiment totalement illogique.  
vous avez une idée d'ou ça pourrait venir ?
 
merci d'avance

Reply

Marsh Posté le 23-01-2009 à 23:41:26   

Reply

Marsh Posté le 25-01-2009 à 06:27:57    

c est vraiment totalement parfaitement logiquement normal : tu essaies de reproduire un comportement issu des vieilles mises en page en tableaux. c'est en partie pour ca qu'on assassiné ce type de mise en page : ce qui est joli sur ton écran ne l'est pas forcément sur celui des autres, voire ca peut etre meme genant. d'après ta css, tu ne t'es pas posé la question « et si le 100% de mon visiteur était plus petit que le contenu à afficher ? ». ce genre de visiteur va se retrouver avec deux ascenseurs ou alors il pourra meme pas consulter le contenu caché. il fuira ton site en courant.
laisse ton site respirer c'est la meilleure solution pour tout le monde


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

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