empecher les elements du site de se repositionner

**kazuzu** · 17/01/2011, 09h49

bonjours a tous,

voila lorsque je diminue la resolution de mon ecran ou que je baisse la résolution de mon ecran. certains elements se repositionne mal.
Est-il possible d'empecher cela ? Ou est-il possible d'empecher le redimensionnement du navigateur ?
voici le code de mon css si cela peu aider :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 
.element a
{
	color : #C5C5B5;
}
 
.element_menu a:hover
{
	background-color : #B3B3B3;
	color : black;
}
#logo
{
	float : left;
	width : 25%;
}
#acceuil
{
	position : relative;
	margin-top : 60px;
}
#titre_site
{
	margin-left : -50px;
	font-size : 0.1px;
}
#head  h3,.centrer
{
	text-align: center;
}
#corps
{
	position : absolute;
	top : 15%;
	margin-left : 40%;
	margin-bottom : 4%;
	padding:1%;
	width : 51%;
	overflow : auto;
}
#menu
{
	position:fixed;
	margin-left : 1%;
	width : 25%;
 
}
 
#footer
{
	position : relative;
   padding: 5px;
   margin-top:120%;
   clear: both;
   text-align: center;
}
.gras
{
	font-weight:bold;
}
.rappelMenu a
{
	margin-left : 8%;
}
.rappelMenu
{
	width : 39%;
	height : 50%;
	font-size : 0.7em;
}
.tabulation
{
	margin-left:30px;
}
.italique
{
	font-style : italic;
}
#footer p
{
	text-align: center;
}
#corps p
{
	margin-left : 10px;
}
#corps h4
{
	text-align : center;
}
.non_puce
{
	list-style-type: none;
}
.style
{
	font-size : 15px;
}
a
{
	text-decoration : none;
	color :rgb(194,91,29);
}
body
{	
	font-family: georgia,Times New Roman, Times, serif;
	width: 100%;
	/*margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}
li,ul
{
	text-align : justify;
	margin:0;
	padding : 0;
}

si vous avez besoin du code des page n'hesitez pas mais c'est écrit en php

**Loceka** · 17/01/2011, 11h58

Essaye de définir une largeur minimale pour ta page :

Code :

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

html { width : 800px; }

Si tu ne veux pas de largeur fixe, il y'a un hack (vu que min-width ne fonctionne pas avec certains navigateur) : tu crées un élément de taille fixe et sans contenu dans ta page :

Code :

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

1
2
3
4
5
6
7
8
9
10
<html>
<head>
  <style type="text/css">
    #minwidth { width : 800 px; height : 1px; }
  </style>
</head>
<body>
  <div id="minwidth"></div>
</body>
</html>

Si ça ne marche toujours pas, ajoute du contenu à ton div (  par exemple)
Mets-le en début/fin de page et voilà ^_^

**kazuzu** · 17/01/2011, 17h16

merci problème résolut

empecher les elements du site de se repositionner

HTML

Vue hybride

Discussions similaires

Partager

Partager