Un site qui s'adapte à tout les écrans

[Itsu]

Coucou

J'ai une tite question,

j'aimerais faire un site qui remplisse un écran entièrement peut importe la résolution que l'on a.

Comment faire?

Et je me demandais comment je fais la taille de mes images / bannières...

Vont-elles s'adapter toute seul?

Y aura-t-il des déformation dans l'image?

Je fais mon site dans Dreamweaver CS3

[dunjl]

Bonjour,

Si tu n'es pas anglophobe et que tu as quelques connaissances en HTML, CSS, voici la présentation d'une méthode qui permet que ta mise en page utilise toujours l'espace entier de la fenêtre.

Voici la démo ...

J'espère que cela correspond à ta question.

A bientot

Modifié 9 Octobre 2007 par dunjl

[Itsu]

Merci bien

Mais je suis pas anglophobe,

mais certain passage ne sont pas super clair pour moi,

donc si quelqu'un connais un site ou une explication en francais

[Leonick]

En fait, un design élastique arrive vite à ses limites, dès lors qu'il y a du texte. Le texte en grande largeur devient rapidement illisible si le nombre de caractères est trop important. Et en mono colonne, au delà de 1000px ça n'est plus très bon.

[Dudu]

Leonick: ce n'est pas un problème en utilisant max-width en CSS

Un léger hack JS pour Explorer qui a du mal avec max-width, et le problème n'existe plus.

[Leonick]

Leonick: ce n'est pas un problème en utilisant max-width en CSS

Un léger hack JS pour Explorer qui a du mal avec max-width, et le problème n'existe plus.

je n'ai pas dit le contraire, justement.

Je répondais juste à sa demande

j'aimerais faire un site qui remplisse un écran entièrement peut importe la résolution que l'on a.

[Itsu]

Je vais à mon avis tenter un code comme ça :

div {
width: 80%;
max-width: 1000px;
min-width: 700px;
}

[Leonick]

Je vais à mon avis tenter un code comme ça :

div {
width: 80%;
max-width: 1000px;
min-width: 700px;
}

sauf que ça ne fonctionne que pour mozilla. Pour IE, il faut quelque chose de ce genre

   width: expression(document.body.clientWidth>1000?"1000px":document.body.clientWidth*0.80);

et la même chose pour le min-width

[Itsu]

J'avais entendu que ça allait aussi pour IE 7.

Mais c'est vrai tout le monde est pas encore dessu

Sinon ben je mettrais les deux alors