28172 sujets

CSS et mise en forme, CSS3

CSS height 100% de la page, et non de la fenêtre

Bonjour,

J'ai un petit souci d'ajustement de page.
En effet, je possède une page dans lequel j'ai fixé les hauteur <body> et <html> à height : 100%.

A l'intérieur j'ai un corps de page central (=conteneur) en fond gris et je souhaite qu'il déborde.
Il est en "height : 100%" mais celui-ci prends 100% de la FENETRE et non de la PAGE !!

Si je le met en min-height, tout son contenu se détructure logiquement (à cause du manque de valeur de hauteur de référence).

Donc pourquoi le 100% n'indique pas 100% DE LA PAGE ?

Voici le lien : http://www.psg70.fr/index2.html

Merci.




<div id="corps">
	
		<hr />
	
		<div class="bande">
			<div class="gauche"> </div>
			<div class="haut"> </div>
			<div class="bas"> </div>
		</div>
		
		<hr />
		
		<div class="bande">
			<div class="gauche"> gauche </div>
			<div class="haut"> haut </div>
			<div class="bas"> bas </div>
		</div>
                répété 10 fois
</div>





html{height:100%;
 }

body{height:100%;
    background-image:url("PSG70FR/Media/Structure/fondsite7.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
}

#corps{background-color:#DEDEDE;
	   width:80%;
	   height:100%;
	   margin-left:10%;
	   margin-right:10%;
 }
	  
.bande{width:90%;
	   height:10%;
	   margin-left:5%;
       margin-right:5%;
 }

.gauche{float:left;
        width:20%;
		height:100%;
		margin-top:1%;
		margin-bottom:2%;
		background-color:blue;
 }
	   
.haut{float:right;
      width:75%;
	  height:30%;   
	  margin-top:1%;
	  margin-left:5%;
	  background-color:red;
 }
	   
.bas{float:right;
     width:75%;
     height:70%;
	 margin-bottom:2%;
	 margin-left:5%;
	 background-color:yellow;
}
Bonjour Raphael,

Non pas exactement, en fait, je voudrais que quand je met "height : 100%" au <body> ou à <html> , ce soit justement 100% de la page entière, et non du viewport.
Modifié par Toma421 (15 Sep 2013 - 05:01)
Administrateur
En fait le concept de "page" n'existe pas. C'est soit la hauteur d'un élément, soit celle de la fenêtre.
Sujet clos
Aller à