redimensionner une page

Version imprimable

12/10/2006, 21h08
lodan

redimensionner une page

Bonsoir,

J'ai installé mon site intranet et j'ai eu une surprise sur certains vieux écrans des utilisateurs.

En effet ils sont obligés de scroller pour accéder à toute la page. Peut-on mettre quelques choses pour que la page se redimensionne automatiquement ?

Merci d'avance
12/10/2006, 21h39
kodokan

Salut

Et en mettant toutes les dimensions en % ?
12/10/2006, 21h55
lodan

J'ai tout mis en %...

Tout mis en CSS

Sauf... sauf..., je viens de trouver une ligne qui traîne avec un px

On est jamais assez vigilant...

Merci.
13/10/2006, 09h49
trotters213

:salut:
j'ai eu le même problème que toi et je m'en suis sorti en détectant la taille de la fenêtre avec du javascript et donnant une taille proportionnelle à ma page (toujours en javascript).
13/10/2006, 11h00
lodan

Citation:

Envoyé par trotters213

:salut:
j'ai eu le même problème que toi et je m'en suis sorti en détectant la taille de la fenêtre avec du javascript et donnant une taille proportionnelle à ma page (toujours en javascript).

Par rapport au "%" cela à un intérêt ?

Parceque le "%" c'est bien largeur, mais, il ne redimensionne pas les caractères etc...
13/10/2006, 12h03
trotters213

non, non en donnant une taille fixe en pixel mais que je change avec du javascript en fonction de la taille qu'il a détecter.
Du coup tu peux également changer la taille de la police.

Si tu veux quelque chose de vraiment redimensionnable, je te conseille d'utiliser l'unité em

1 em correspond à la taille d'un M (majuscule)

Si tu définis les dimensions de tes blocs et de tes polices en em, il ne devrait jamais apparaître de déformations...

Les seules choses qui ne se redimensionneront pas, seront les images de fond.

l'unité em est relative elle se calcule par rapport à ses parents.
Plutôt qu'un long discours, une petite illustration...

Si tu essayes ce code, tu devrais voir de quoi je parle...

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
30
<html>
	<head>
		<style>
                        body {
                                font-size: 4em;
                        }
                        div {
                                font-size: .6em;
                                width: 20em;
                                margin: 2em;
                                border: .5em solid #000;
                                padding: 1em;
                        }
                </style>
	</head>
	<body>
		<div>
			yo
			<div>
				yo
				<div>
					yo
					<div>
						yo
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

Tu remarqueras qu'en définissant la taille de la police dans le body, tu as une maîtrise sur la globalité de la page...
Attention au mélanges d'unités...

En fait, j'ai déjà fait tout mon CSS comme cela :

Exemple :
Code:

1 2 3 4 5 6 #col40 { /*** Mise en forme du formulaire sur 2 colonnes ***/ border: none; margin: 0; padding: 0; width: 40em; /*** Largeur du formulaire ***/ }
ou encore
Code:

1 2 3 4 5 6 7 body { background-color: #e6e6e8; color: #000000; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
Actuellement, je suis à la chasse de tous les px et "100" et non "100%" qui traînent dans mes formulaires.

14/10/2006, 10h15
lodan

J'ai remarqué que de mettre 100% n'est pas suffisant, le contenu est aussi important.

J'ai quelques formulaire à 100 % qui n'utilise que 90% de la largeur.