redimensionner une page

**lodan** · 12/10/2006, 21h08

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

**kodokan** · 12/10/2006, 21h39

Salut

Et en mettant toutes les dimensions en % ?

**lodan** · 12/10/2006, 21h55

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.

**trotters213** · 13/10/2006, 09h49

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).

**lodan** · 13/10/2006, 11h00

Envoyé par trotters213

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...

**trotters213** · 13/10/2006, 12h03

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.

**MasterOfChakhaL** · 13/10/2006, 12h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**lodan** · 13/10/2006, 15h31

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**lodan** · 14/10/2006, 10h15

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.

redimensionner une page

HTML

Discussions similaires

Partager

Partager