Ombre à droite et à gauche du body

matinpeys · 28/06/2011, 16h32

Salut à tous,

J'aimerais ajouter un effet d'ombre à droite et à gauche pour la main area de mon site...J'ai déjà jeté un coup d'oeil au post suivant:
http://www.developpez.net/forums/d89...gauche-fluide/
ça marche parfaitement pour Firefox mais pas pour IE(j'utilise IE8) et Chrome...
Je suppose que je dois faire ça avec des images, mais j'y arrive pas...
Voici en gros la structure de mon site:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<body>
<div id=all>
  <div id=back>
      <div id=header></div>
      <div id=contentarea></div>
   </div>
</div>
<div id=footer></div>
</body>

pour le body, j'utilise une image en couleur, pas d'images pour le reste, ce sont juste des cadres en blanc...
j'aimerais ajouter l'effet d'ombre au niveau du all et du footer...est ce que jee dois utiliser une seule image ou bien deux(une pour all et une pour footer)???et quelle est leur taille???

Merci d'avance

))

matinpeys · 28/06/2011, 19h29

Le max-width de all est de 1050px, j'ai utilisé une image 1050*1 et j'ai ajoué cela au niveau du CSS

Code :

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

1
2
3
4
5
6
7
8
 
 
ombre_cote {
	background: url(../images/ombre_cote.png) top center repeat-y;
	width: 1050px;
	margin: 0px;
	padding: 0px;
	}

et je l'ai appliqué à la div all:

Code :

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

1
2
3
 
 
<div id="all" class="ombre_cote">

Je vous joins les deux images(image du body et celle de l'ombre) que j'ai utilisées...

ça n'a pas marché

ou est l'erreur, au moins est ce que c'est la logique à suivre ou bien je me trompe quelque part???

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email