Bonjour, j'ai une div container contenant un header, menu, contenent, footer (toutes sont des div).
je veux mettre un shadow sur tout le contenu container sur les 4 coté : haut bas droit gauche, quand je l'applique sur mon css, il s'applique juste en haut et un peu des deux coté sans couvrir toute ma div container, et si le met a l'interieur de chaque div il s'applique mais meme au milieu.
j'espere que j'ai bien expliqué le probleme ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 #Container{ margin-left : auto; margin-right : auto; width : 960px; background-color : White; margin-top : 200px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <body> <form id="f_master" runat="server"> <div id = "Container"> <div id ="Header"></div><!--fin header--> <div id ="Menu"></div><!--fin menu--> <div id = "Contenent"> <asp:ContentPlaceHolder id="ContentHolder" runat="server"> </asp:ContentPlaceHolder> </div> <!-- fin Contenet --> <div id ="Footer"></div> </div> <!-- fin container --> </form> </body>
Partager