28172 sujets

CSS et mise en forme, CSS3

Hello tous !
J'ai besoin de faire un truc qui peut paraitre curieux, mais qui est indispensable pour que mon site soit visible pour tout le monde :

- J'ai mon contenu (calque div) , qui tient dans une largeur de 800 pixels.
- Derrière mon contenu, j'ai un autre calque div qui me sert d'arrière-plan "graphique" (avec des fioritures visuelles, mais pas de contenu important)
- Dans ma page (body), j'ai un arrière plan (dégradés) qui est en repeat-x

Actuellement, mon site est centré horizontalement, et lorsque je diminue la largeur de ma fenêtre, il finit par se "caler" sur le div qui contient l'arrière plan "graphique". Celui-ci étant assez large, sur un écran 800*600 l'arrière plan "graphique" occupe la moitié de la fenêtre, et mon contenu n'est pas visible.
Je voudrais donc que mon centrage se fasse par rapport à mon div de contenu, pas par rapport au div "arrière plan", de sorte que sur un petit écran, le site se cale sur le calque de contenu.

Je ne suis pas sûr d'être clair, c'est pourquoi j'ai uploadé une tite image :
upload/30412-BACK.jpg
- sur fond blanc : mon contenu
- sur fond gris : mon arrière plan "graphique"
- sur fond noir : mon background général.

Merci pour votre précieuse aide !!
Salut,

Pas trop bien compris, pourquoi ne peux-tu pas réunir l'arrière plan graphique et le background général ?
Bonjour,

Sans avoir vu le CSS que tu as mis en place, je pencherai pour une mise en place de ton design en valeur fixe et non en pourcentage (ou relatif).

Pourrais tu nous mettre le CSS de ta page, voir un lien pour que nous puissions voir cela ? Smiley cligne
voici un lien : http://www.filigrif.com/test

Pour l'instant c'est pas optimisé, mais l'idée y est (background = dégradé 1 pixel de large en repeat-x), + 1 div contenant l'arrière-plan "textile" (1 image centrée), tout le contenu étant fixé par rapport à ce dernier.

Merci encore !
Je me permets un petit 'up' (désolé... j'aimerais vraiment résoudre ce petit souci de centrage)

Merci à vous