adapter les pages web aux navigateurs

[evieL]

Bonjour,

j'aimerai que mon site s'adapte automatiquement aux navigateurs, enfin à la résolution du navigateur, pour éviter que les images et autres se "déplacent" à cause des différentes résolutions.

mais je ne sais pas comment faire !

quelqu'un peut il m'aider ??

merci

[thelvin]

Définir toutes tes tailles CSS en fonction de pourcentages ou de la taille de la police d'écran. Uniquement des unités %, em ou ex.

Autrement dit, jamais de tailles en pixels, ou alors, seulement les bordures intégrées dans le flot et de 1 à 4 pixels.
Ce qui veut dire : toutes les tailles doivent être indiquées en CSS, jamais avec des attributs HTML width ou height ou quoi que ce soit qui soit en pixels. Et ces tailles CSS doivent toujours être en %, en em ou en ex. Pas en px.

[evieL]

j'ai changé mes "px" en "%" puis en "em" mais mon texte "part" sous mon menu comment ca se fait ? et comment remédier au problème ?

[polymorphisme]

Bonjour evieL,

pourrait tu nous faire passer l'extrait de code correspondant à ton soucis ?

[evieL]

le voici :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
div    {
	text-align:left;
	}
div#menu 
	{
	float:left;
	width:155%;
	height:840%;
	border-width:3px;
	border-style:double;
	border-color:black;	
	margin-right:20px;
	}
div#menu2 
	{
	float:left;
	width:155%;
	height:840%;
	border-width:3px;
	border-style:double;
	border-color:black;	
	margin-right:20px;
	}
div#contenu
	{
	float:left;
	width:500%;
	height:400%;
	}

mais si ca se trouve j'ai pas bien lu et/ou peut-être pas bien compris ! =/

[Bisûnûrs]

Heu ... Il ne suffit pas de remplacer bêtement "px" par "%" hein. Tu ne t'es pas dit que 155% ou 500% en largeur ça faisait pas un peu beaucoup ?

[evieL]

ben euh nan -_- mais j'y connait pas trop grand chose la dedans !!

j'ai mis 50% ca a l'air d'être bon !
mais est-ce vraiment bon à ton avis ?

[Bisûnûrs]

Ben là comme ça .. va savoir, il nous faut ta structure HTML. Et je pense que c'est à toi de trouver le bon dosage. Sachant que la largeur de ton navigateur fait 100%, par exemple si tu as trois colonnes avec deux menus un de chaque côté, tu peux faire du 20% | 60% | 20% ou du 25% | 50% | 25%. Mais comme j'ai dit, après tout dépend de ce que tu veux comme résultat.