[b][/b]
Bonjour à Tous... Je sais que je pourrais poser ce message dans les catégories (php, javascript, etc...) mais je ne savais pas vraiment où? Je suis graphiste, et j'ai un problème qui est surement tout bête... Il m'arrive de concevoir des sites avec des cadres et des calques. Le problème, c'est que selon la résolution d'écran de l'internaute, les cadres se barrent, s'allongent ou se rapetissent, de plus les calques se décalent. Alors effectivement je fais plusieurs versions du site (800, 1024, etc...), mais vous comprendrez que c'est vite crevant...
Quel est LE moyen de fixer tout ça et de faire qu'1 seul site?
Merci de vos réponses, car cela fait plus d'1an que je trimbale ce terrible secret , LOL

ou, dans leurs taille, au lieu de les mettre en pixels, tu les mets en pourcentage(ex: width="100%")
et voili, voilou!!!

Pour la rubrique tu aurais du poster dans la partie XHTML/CSS du forum, mais je pense qu'un gentil moderateur va vite réparer ça

Bon ben pendant 1 an t'as pas du lire beaucoup de documentation
Y'a plusieurs façon de faire, cela dépend du résultat que tu souhaites. Sur tes balises div (que tu appelle calques parceque DreamWeaver est tres con) ou tableaux : tu peux utiliser des valeurs en %, pixels (et d'autres), maintenant faut voir le genre de mise en page que tu veux et si tes sites doivent s'adapter à la résolution ou rester figer, etc...

Est-ce que tu aurais quelques exemples sous la main? ça permettra de répondre plus précisément.

Je vais faire bref parceque j'ai tr&s peu de temps là. Mais je reviendrais!

Avant tout 2 petites remarques qui peuvent t'aider à réaliser des sites mieux construis.
Les frames (cadres) ça peut paraitre sympa quand on débute, on se dit chouette je vais faire des mises en pages plus rapidement, sans me casser la tête et comme je veux. Je vais te dire la vérité (les autres mentent! )  les frames c'est beurk. Pour plein de raison, ton site peut facilement se "déframer", par exemple imagine un autre site ou un moteur de recherche pointant vers : http://www.kerrylelivre.com/1024-lelivre.htm

Pire imagine une personne mal intentionnée qui mettrait ton contenu dans ses frames sur son site! Elle pique à la fois ton boulot, tes visiteurs et ta bande passante!
Puis les frames c'est pas terrible à gérer au niveau de la construction, c'est pas mal de bidouilles pour rien, c'est trés difficile à référencé pour les moteurs de recherche.

Bon y'a plein d'autres bonnes raisons de les éviter; je vais pas epiloguer.

2eme point, ton site est en HTML mais ton menu est en flash. Dans cet exemple tu peux aisément te passer du flash vu que le menu est trés simple (tu peux faire le même en CSS). Ainsi le plugin flash n'est plus obligatoire pour visister ton site, et le site devient référençable par les moteurs (parceque là ils ne peuvent pas suivre les liens du menu vu qu'ils sont dans un swf). Si vraiment tu souhaite avoir un menu flash fait au moins un double des liens en html, par exemple en bas de tes pages. Exemple sur le de macromedia (lui meme). Menu en flash en haut, liens html en bas.


Pour ton problème de résolution, pense déjà à une chose pour tailler tes graphismes et préparer tes templates : le plus petit est visible sur le plus grand pas l'inverse.
Si tu prépares ton site en 800x600 il sera visible en 1024x768. L'inverse n'est pas vrai.

Dans le cas de ce site. Le graphisme de gauche devrait être un peu plus petit pour laisser plus de place au contenu en 800x600. Ensuite pour ton contenu textuel tu pourrait tout englober dans un seul <div>, tu ne mets pas de position absolute, et en width tu mets 100%. Là ton contenu s'adaptera à la taille de la frame et donc à la résolution écran.

Sinon je te conseille vivement de lire quelques articles sur l'utilisation des feuilles de styles et les techniques de web design récentes (pour eviter les frames par exemples).

Jettes un oeil ici :

http://www.alsacreations.com/articles/
http://www.pompage.net/
http://www.openweb.eu.org/