Voila, je voudrais faire le même design, mais en extensible: http://www.pubagri.goldzoneweb.info/
parce que comme ca, ca gène pour les résolutions autre que 800*600 .
J'ai donc créée deux div, pneug et pneud, pour placer les images, dans le css ca donne ca:


#pneud
{
float:right;
background-repeat:repeat-y;
width:96px;
height:100%;
background-image:url(pneu.jpg);
}

#pneug
{
float:left;
background-repeat:repeat-y;
width:96px;
height:100%;
background-image:url(pneu.jpg);
}

#corps
{
width:75%;
margin:auto;
text-align:center;
margin-left:96px;
margin-right:96px;
}

les images ne représente qu'un "cycle", avec ce css, sous IE elles ne s'affichent qu'une fois, une en haut à gauche, et l'autre en bas à droite, par contre sous FF elles ne s'affichent pas.
Les div pneug & pneud se trouve à l'intérieur de la balise body, et encadre le div corps.

Salut,

Il faut découper l'image de ton body en 2.
Une que tu mettras en background du body donc, et une autre dans une fausse colonne qui encadrears tous les éléments de ta page.

Merci pour le truc, ca marche bien pour celle de gauche mais celle de droite ne s'affiche qu'une fois en bas et avec ff elle ne s'affiche pas

Tu peux réactualiser le code de ton site pour voir ce que ça donne ?

C'est fait, c'est marrant, ca rend pas comme ca sur mon pc.

J'ai un peu changé aussi le css:


#pneud
{
float:right;
background-repeat:repeat-y;
width:96px;
height:100%;
background-image:url(pneu.jpg);
position: absolute;
left: 76%;
width: 22%;
top: 0px;
overflow: auto;
}

#corps
{

width:80%;
margin:auto;
text-align:center;
margin-left:0px;
margin-right:96px;
padding-left:96px;
}

body
{
width:95%;
background-repeat:repeat-y;
background-image:url(pneu.jpg);
}

Hum, ton code est toujours le même, il n'y a pas d'id #pneud dans ton code source.

si, à la fin
</div><!--fin de menu-->

<div class="foot">
<script type="text/javascript" src="http://www.123compteur.com/count-skinable-premium.php?votre_id=50804&font_color=FF0000&back_color=FFCC33&back_color2=FFFFCC&font_family=Comic Sans MS&nom_site=PubAgri"></script>
</div><!--fin de foot-->
</div><!--fin de corps-->
<div id="pneud">
</div><!--fin de pneud-->
</body>
</html>

Bon j'ai pas de solutions a te proposer mais utilises les balises de code... c'est plus clair...

Ton div pneud doit entourer tous les éléments de ta page.

Regardes ce lien et inspires toi en pour faire ta page.

J'ai pas reussi, mais j'ai trouvé un autre système, je vais essayer de l'appliquer, je place le fond sur toute la page et je superpose un div avec le texte, affaire à suivre

Un petit site a mettre dans vos favoris
http://www.intensivstation.ch/templates/
Tu y trouveras certainement ton bonheur !!

Merci, j'ai déja essayé mais j'ai pas reussi avec cette méthode
Sinon, voila ce que ca donne, reste plus qu'a allouer des poucentages, si je peux avoir des infos le dessus, merci, parce quece que je fait ca fonctionne pas.

J'ai ajouté un div en haut et un en bas qui restent blanc pour que le texte, ne disparaisse pas.

le CSS:

body
{
width:780;
margin-top:0px;
margin-bottom:0px;
background-image:url(pneu.jpg);

}

.texte
{
width:597px;
background-color:white;
margin-left:90px;
margin-right:90px;
padding-top:0px;
margin-top:-50px;
margin-bottom:0px;
}



#head
{
width:597px;
height:100px;
background-color:white;
margin-left:90px;
margin-right:90px;
margin-top:-20px;
margin-bottom:50px;
}

#pied
{
width:597px;
height:50px;
background-color:white;
margin-left:90px;
margin-right:90px;
}


http://www.pubagri.goldzoneweb.info/1.html

le même en anglais
http://www.intensivstation.ch/en/

Voila, la version fixe est en ligne: http://www.pubagri.goldzoneweb.info/
si quelqu'un veut bien m'aider pour la rendre extensible, j'ai essayé en méttans des pourcentages, mais ca fonctionne pas.

bonjour,

si ça t'interesse j'ai une page ou je fais des bordure graphique sur une page centrée et fluide.
http://gcyrillus.free.fr/trucs_css/bordure-graphique-vertictale-fluide-v2.html

une petite explication sur la page , sinon, prends le temps de regarder le source et adapte a ta convenance.
l'exemple prends arbitrairement 80% de la largeur de la page (et 100% de la hauteur de la page) .

++

Ca fonctionne merci

Met ton post en réglé