Comment gérer ce background ?
Salut tout le monde,
encore un problème avec les CSS mais surtout avec la découpe photoshop.

J'ai en effet décidé de découper cette interface, mais dès le départ un problème se pose à moi.

En effet, j'ai utilisé un motif que j'ai répeté via la fonction remplir sous photoshop, j'ai ensuite modifié sa couleur et je l'ai passé en mode incrustation.
Jusque là, pas de problème.

Là ou ça se gatte par contre, c'est au niveau du "creux" du milieu.

En effet, vous pouvez voir que le background est surélevé par rapport au milieu de la page.

Il faut donc que j'arrive à garder cet effet ainsi que cette couleur puis à appliquer par au dessus mon motif qui se répète.

J bloque totalement et je ne suis pas sûr qu'il y ait une solution, mais si vous trouviez ça m'arrangerait beaucoup.

Merci d'avance :)

En fait, je connais parfaitement cette propriété CSS, et toi tu as utilisé un subterfuge pour le background.

En effet, tu as découpé le motif par rapport au bout surélevé, ce qui fait que le motif n'est pas forcement entier selon la résolution, mais finalement, ça ne se voit pas tant que ça, donc je vais faire comme toi.

Je sais pas si j'ai très bien été compris là :D

oki j'ai compris :-)
Mais tu te trompes, le motifs est toujours positionné pareil, quelle que soit la résolution. C'est juste que je n'ai pas pris le temps de l'ajuster dans ma démo. Je l'ai corrigée pour que tu puisses vérifier : l'astuce est maintenant invisible.

Je serai curieux de savoir ce que tu as changé :)

J'ai simplement changé la largeur de la zone centrale (ombre y compris). Elle faisait 384 pixels, il manquait donc 16 pixels de chaque côté pour que ça tombe juste, et que le fond de la page reprenne le motif au bon endroit ;-). Avec 416px, le compte est bon ^^

Bon, t'auras le droit à un special thanks dans l'article de mon blog :p

Edit : il est pas cool ton subterfuge car c'est trop large, je dois tout redimensionner :'(

huhu :-) Merci pour le special thanks !

Pour le problème de largeur, tu peux aussi enlever 64pixels, ça fonctionnera aussi.

Et sinon, tu peux toujours essayer avec des png... Sans subterfuge, mais avec des "filter:" pour IE6.

Bon,
j'ai presque fini cette homepage mais depuis quelques jours je bloque.
Impossible pour moi de mettre la fleur en bas.
J'ai essayé tout ce que j'ai trouvé sur le net (peut-être mal je vous l'accorde), pompage, alsacréations, etc.

Partant du simple code CSS au hack IE en passant par dom et javascript.

La page se trouve ici

Dans #main :

height:100%;

Dans #flower :

position:absolute;
bottom:0;

Merci symzo, homepage en ligne et un special thanks sur mon blog ;)

voilà qui est très bonne nouvelle ;-)