Débordement lors d'un dézoomage de la page [Résolu]

[crodilus]

Salut à toutes et à tous !

Voilà mon second problème lorsque je ne dézoom pas ma page j'ai ce ci :



Et voici ce que j'ai lorsque je dézoom :



J'ai essayé d'utiliser dans mon body du css

Code :

background-attachment:fixed;

mais cela n'a rien changé..

Une petite idée ?

Amicalement crodilus.

[10903513]

Peux tu poster le code qui insère l'image à ta page pour voir ce qui ne va pas!

[crodilus]

Voici :

Code :

1
2
3
4
5
6
7
8
9
10
body
{
background-image:url(recon.jpg);
background-repeat:no-repeat;
width:100%;
min-width:1350px;
overflow:auto;
margin:0;
padding:0;
}

[10903513]

En fait le css des autres éléments serait aussi utile, est ce que tu définis la taille des cadres en pixel?

[crodilus]

Voila la suite !

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
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
ul,a
{
color:#BDB76B;
font-size:15px;
}
 
ul
{
padding-left:25px;
}
 
 
#entete
{
width:100%;
height:15%;
position:relative;
}
 
 
h1
{
margin-top:10px;
width:55%;
height:70px;
margin-left:25%;
border: 3px outset #BDB76B;
color:#BDB76B;
text-align:center;
font-size:40px;
padding:1px;
position:relative;
}
 
#corps
{
width:100%;
height:85%;
position:relative;
}
 
#liste
{
margin-top:30px;
margin-left:30px;
float:left;
width:10%;
height:110x;
border: 3px outset #BDB76B;
position:relative;
 
}
 
#para
{
margin-top:210px;
margin-left:575px;
float:left;
width:35%;
height:260px;
border: 3px outset #BDB76B;
color:#BDB76B;
padding:15px;
position:relative;
}

[10903513]

Pour que les éléments restent à leur place par rapport à ton image de fond, il faut que tu déclare les paramètres de taille et d'espacement (width, height, margin..) en pixel et non en %.
Par exemple quand tu déclares

Code :

1
2
3
4
h1{
...
width:55%;
...}

même quand tu dézoom, la balise h1 prendra 55% de la largeur de l'écran.

[crodilus]

En ne changeant que le width du body ça marche déjà mais par précaution j'ai tout mis en pixel !