Background du fond du site [Résolu]

[Necco100]

Chère communauté,

j'ai un site au design fix et je voudrais que sur les bords gauche et droite une image s'affiche, comme sur ce site : http://www.surf-report.com/. J'ai créé deux div avec un float left et right et je leur ai mis un background mais ça devient alors une partie du design fix et non du fond d'écran. Pourriez-vous m'aider ?

Merci à tous ceux qui m'auront compris et m'aideront !

[dominos]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 body {
   margin: 0;
   background-color: gray;
 }
 
 div.content {
   border-left: 1px solid silver;
   border-right: 1px solid silver;
   background-color: white;
   margin-left: 20px;
   margin-right: 20px;
   height: 100%;
 }

Code :

<div class="content">contenu de la page</div>

[Necco100]

Merci beaucoup pour ta réponse Dominos. Bien que j'ai appris quelque chose en essayant ton code, ce n'est pas exactement ce que je recherchais. Ave ton code, lors du redimensionnement de la fenêtre le "body" se redimensionne alors que dans mon site et celui que j'ai mis en référence le "body" est fixe.

En gros sur le site de surf-report, leurs images agissent comme un background. Du coup j'ai pensé créer un fond de la taille de la fenêtre avec une image de chaque côté du body. Le problème, c'est que lors du redimensionnement de ma fenêtre, le fond se réduit aussi et ça devient n'importe quoi. Peut-être existe-t-il de créer un background statique ?

[dominos]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 body {
   margin: 0;
   background-color: gray;
   text-align: center;
 }
 
 div.content {
   border-left: 1px solid silver;
   border-right: 1px solid silver;
   background-color: white;
   margin-left: auto;
   margin-right: auto;
   width: 968px;
   height: 100%;
 }

[Necco100]

Merci beaucoup de ton aide, mais ça ne me dit pas comment mettre une image sur chaque côté du texte comme sur ce site http://www.surf-report.com/.

[dominos]

pas claire la demande.

[Bisûnûrs]

Cf le code source .. C'est une grosse image de fond sur l'élément body.
http://www.surf-report.com/media/ann...llpaper_HP.jpg

[Necco100]

C'est ce à quoi j'ai pensé aussi mais si je fais ça, lorsque je réduis la largeur de la fenêtre avec la souris, la fond bouge aussi et viens se placer sous le texte.

[dominos]

Perso je n'ai pas vu l'image de fond, car j'ai un écran avec une résolution 1024x768, c'est pour ça que je ne comprenait pas ta demande. Sur mon écran j'ai juste 2 bordures noir. Nota : Un site doit être compatible au minimum 1024x768, sinon certains visiteurs ne pourront pas voir l'ensemble correctement.

[Necco100]

Est-ce que vous avez une idée sur comment réaliser un tel fond ?
Merci pour votre aide en tout cas !

[Candygirl]

Bonjour,

Envoyé par Bisûnûrs

Cf le code source .. C'est une grosse image de fond sur l'élément body.
http://www.surf-report.com/media/ann...llpaper_HP.jpg

Envoyé par Necco100

C'est ce à quoi j'ai pensé aussi mais si je fais ça, lorsque je réduis la largeur de la fenêtre avec la souris, la fond bouge aussi et viens se placer sous le texte.

Lui attribues-tu bien un background-position:center top; ?

[Necco100]

YESSSSSSSSSSSSSSSss !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Tu es un génie, un expert !!!!