Discussion :

[JeanJean75]

Bonsoir,

Je m'adresse à vous car je souhaiterais avoir un fond qui s'adapte en fonction de la taille du contenu de la page.

Je m'explique :

J'ai créer sous toshop un fond de 1300px sur 5px de hauteur.

en CSS, j'ai appliqué ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
	#body{
		background:url('images/repeat.png') repeat-y;
		height:100%;
		width:1300px;
		position:absolute;
		margin: auto;
		left: 50%; 
		margin-left: -650px; 
		margin-top:-8px;
	}

Le code est tout à fait fonctionnel, mais cependant, je viens de remarquer que le fond s'adaptait à la taille de la fenêtre et non du contenu. :/

Si vous savez comment faire, faites moi signe.

[12monkeys]

Bonsoir

Il aurait été intéressant d'avoir ton code HTML aussi.

Mais le problème viens de ton height:100% : tu lui dit que ton id body doit faire 100% de la hauteur disponible...

http://css.developpez.com/faq/index....ur_pourcentage

[JeanJean75]

Ok.

Alors pour le code HTML ->

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
<div id="body">
    <div id="silhouette">
        <div id="contenu">
        </div>    
    </div>
</div>

Pour des raisons de confidentialités, j'ai enlever tout ce qui figurait dans le contenue.

Edit : Que me propose tu comme solution ?

[12monkeys]

Enlève simplement le height:100%.

Si tu en sa besoin il va falloir être beaucoup plus précis sur ce que tu as, ce que tu veux obtenir...

[JeanJean75]

Si je n'applique aucun height, le repeat-y ne s'applique pas. :/

Si tu en sa besoin il va falloir être beaucoup plus précis sur ce que tu as, ce que tu veux obtenir...

??

[12monkeys]

Je veux dire par là qu'il faut au moins mettre tout le code HTML et CSS (en enlevant tout ce qui est confidentiel bien sur... remplaces par la phrases Lorem ipsum...)