Discussion :

[littlelewis]

Bonjour à tous,

j'ai récupéré un projet et je dois m'occuper de l'intégration d'une maquette que je n'ai pas faite, et c'est un casse tête chinois!
Voici un gif du design global du site: http://www.littlelewis.com/temp/homepage.gif
J'ai donc un fond hachuré qui se termine en dégradé, un cadre blanc à bords arrondis avec un ombré, et ces "virgules" bleues qui passent sous le cadre.
Sachant que la longueur du contenu sera variable (donc la hauteur du cadre blanc variera), comment faire pour gerer toutes ces contraintes?

J'arrive à avoir un fond hachuré mais pas un cadre ombré dessus, à moins de faire une découpe fixe, mais tout se pète si la taille du contenu varie evidemment ...

Quelqu'un a une idée?
Merci d'avance
L.

[Damouille]

Salut,

Il va falloir bricoller un peu mais c'est possible. Il faut decouper le layout en deux parties : une partie principale au dessus et un footer. La partie du site qui pourra s'étendre en hauteur sera uniquement le dessus ou il n'y a pas de dégradé sur le fond. La partie du bas, elle sera toute en taille fixe et se placera juste en dessous de la partie qui s'entend.

Je sais pas si c'est tres clair, mais en gros tu faire deux backgrounds distincts entre le haut et le bas l'un en repeat et l'autre en fixe.

D'un autre coté, c'est un peu se donner du mal pour un design qui n'est pas extraordinaire. Mais ca, ca n'engage que moi.

[Tober]

moi je verrais plutot trois partie
un div header, un div contenu et un div footer, le header et le footer contiennent la parti haute et basse du site, et le milieu contient un background de la largeur de ton fond, et de hauteur 1px que tu mets en repeat-y (et donc qui s'adaptera à ta hauteur...)
voilà, il y a peut être d'autres solutions, mais c'est assez simple a faire en tout cas

[littlelewis]

Salut,

Il va falloir bricoller un peu mais c'est possible. Il faut decouper le layout en deux parties : une partie principale au dessus et un footer. La partie du site qui pourra s'étendre en hauteur sera uniquement le dessus ou il n'y a pas de dégradé sur le fond. La partie du bas, elle sera toute en taille fixe et se placera juste en dessous de la partie qui s'entend.

Je sais pas si c'est tres clair, mais en gros tu faire deux backgrounds distincts entre le haut et le bas l'un en repeat et l'autre en fixe.

D'un autre coté, c'est un peu se donner du mal pour un design qui n'est pas extraordinaire. Mais ca, ca n'engage que moi.

Ton idée est pas mal du tout, je vais essayer et je te tiens au courant...
Et je suis d'accord avec toi pour le design .....