28172 sujets

CSS et mise en forme, CSS3

Bonjour
je suis a la recherche d'un code pour placer mes deux ombres :
http://www.hexs.fr/temporaire/ombre_droite.png et http://www.hexs.fr/temporaire/ombre_gauche.png
de chaque cote de ma pagewidth
Car actuelement j'ai mis ceci :
<modération : les images trop larges déforment la mise en page du forum : merci d'utiliser l'option Aperçu />
Et quand on a une résolution de 1152 px x 864 elle se place très bien sous FF mais avec un décalage sous IE
De plus quand on change de résolution on le la voit plus ou alors elle est décalée
Donc je voudrais placee ceci de chaque cote afin de ne pas avoir de decalage sous n'importe quelle resolution et sous n'importe quel navigateur

Merci par avance
Ludo
Modifié par Heyoan (21 Jan 2009 - 19:21)
Re',

je t'invite à t'inspirer de cet article : http://web.covertprestige.info/test/35-boites-fluides-bords-coins-en-images.html


Edit: cela vaut si la largeur de ton site est fluide. Si ça n'est pas le cas (largeur fixe) il faudrait donner le lien vers ta page.

Edit2: bon ben comme je connais le lien de ton site depuis ton autre sujet...
Tu ne dois pas affecter le background à body mais à #pagewidth en rajoutant un padding: 0 56px;

Au passage 1024px (et donc 1136px avec le padding) c'est trop large à moins de ne cibler que les utilisateurs ayant un portable 16/9 Smiley langue ! Il est préconisé de ne pas dépasser 955px en largeur fixe et l'autre solution est d'avoir une taille fluide (cf. les tutos et la FAQ).
Modifié par Heyoan (21 Jan 2009 - 19:44)