Mon premier "vrai" message sur ce forum à pour but de trouver un moyen de creer un site possédant un background extensible en largeur, selon la taille de la fenetre, et en hauteur, en fonction du volume de texte et/ou de la hauteur de la fenetre.
J'ai donc commencé par creer deux calques en css :
CODE
#fond {
height:100%;
width:100%;
top:0;
left:0;}
#fond img {
height:100%;
width:100%;}
#site {
height:100%;
width:99%;
top:0;
left:0;
position:absolute;}
height:100%;
width:100%;
top:0;
left:0;}
#fond img {
height:100%;
width:100%;}
#site {
height:100%;
width:99%;
top:0;
left:0;
position:absolute;}
Et mon site à pour structure :
CODE
...
<body>
<div id="fond"><img src="design/kuantum.jpg"></div>
<div id="site">
..<div class="header">...</div>
..<div class="centre">...</div>
..<div class="pied">...</div>
</div>
<body>
<div id="fond"><img src="design/kuantum.jpg"></div>
<div id="site">
..<div class="header">...</div>
..<div class="centre">...</div>
..<div class="pied">...</div>
</div>
Et voici le résultat quand le texte est plus important que la hauteur de l'image : ICI : le texte blanc dépasse du background et devient donc illisible.
Si le texte est moins important que la hauteur d'image, voici ce qui se passe : ICI : l'ascenceur vertical apparait, car l'image est rop grande, alors que ca n'est pas indisprensable...
J'espère que votre aide m'aidera à resoudre ce problème qui m'empeche de terminer le site du club d'athlétisme auquel j'appartiens...
Merci d'avance
