adapter les pages web aux navigateurs

Version imprimable

02/12/2010, 15h46
evieL

adapter les pages web aux navigateurs

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 :)
03/12/2010, 17h27
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.
06/12/2010, 08h39
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 ?
06/12/2010, 09h47
polymorphisme

Bonjour evieL,

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

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 ! =/

06/12/2010, 11h12
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 ?
06/12/2010, 11h16
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 ?
06/12/2010, 11h21
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.