zoom dezoom centrage [Résolu]

webgaro · 11/04/2011, 19h12

Bonjour

je viens demander l'aide des spécialistes de ce forum pour une question
j'ai en fait une simple page dont voici la partie CSS
qui est importante

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
*{
margin:0px;
padding:0px
} 
html{
height: 100%;
width:100%;
} 
body
{
font-family : Verdana;
font-size: 12px;
margin-left:15%;
background:url(../Images/background.jpg);
width:70%;
height:99.8%;
}
div#content
{
 
text-align:center;
background:white;
height:100%;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
border-top:1px solid white;
width:100%;
}

en fait je voudrais bien que quand je de-zoom (ctrl+molette)
la largeur de la div centrale se réduise proportionnellement au zoom (pas facile a expliquer)

je vous montre un exemple avec ce site :

http://www.joueurdugrenier.fr/

si vous faites un de-zoom la partie centrale va se rétracter en largeur

je voudrais savoir comment faire pour obtenir ce résultat ?

Merci

ornitho13 · 11/04/2011, 19h33

utilise le

Code :

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

margin:0 auto

pour garder le centrage lors du zoom/dezoom pour ton

Code :

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

<body>

. Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
body
{
font-family : Verdana;
font-size: 12px;
margin-left:15%;
background:url(../Images/background.jpg);
width:70%;
height:99.8%;
margin:0 auto;
}

il faudra aussi ajouter un width en px et non en % si tu veux réellement voir ton contenu se "rétracter"

webgaro · 11/04/2011, 20h44

Merci beaucoup ca marche nickel !
je ne pensais pas que ce serait le % qui ferait merdouiller mais en fait c'est très logique

Merci encore !

11/04/2011, 20h44	#3
webgaro Invité de passage Étudiant Inscription : avril 2011 Messages : 4 Détails du profil Informations personnelles : Sexe : Localisation : France, Drôme (Rhône Alpes) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : avril 2011 Messages : 4 Points : 4 Points : 4	Merci beaucoup ca marche nickel ! je ne pensais pas que ce serait le % qui ferait merdouiller mais en fait c'est très logique Merci encore !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email