Discussion :

[roro54]

Bonjour à tous,

étant débutant dans l’utilisation des css, j'ai besoins de vous pour m'aider a solutionner un problème qui me bouffe la vie depuis 48 heures maintenant :]

le css de mon footer est simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
footer{
	background-color: #333333;
        position: absolute;
	bottom: -980px;
	left:0px;
	right: 0px;
	width: 100%;
}
.myfooter{
	position: relative;
	left: 120px;
}

dès que je décalle je contenu de mon footer sur la droite pour le centre comme je voudrais, ma page s’agrandit en largeur, ce que je ne souhaite pas..

Petit explicatif avec screenshot :



bien entendu si je retire mon left: 120px; plus de soucis..

Quelqu'un pour éclaircir la situation ? Allez j'ai confiance!

Merci d'avance et bonne journée,

Roro!

P.S : Voici le css de mon contenu (mes 3 blocs), ça peut peut-être 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
footer{
	background-color: #333333;
        position: absolute;
	bottom: -980px;
	left:0px;
	right: 0px;
	width: 100%;
}
.myfooter{
	position: relative;
	left: 120px;
}
h5{
	font-family: Calibri, sans-serif;
	font-size: 20px;
	color: #09BFA6;
}
p{
	font-size: 12px;
	color: #CED2D2;
	margin: 5px;
}
#aboutme{
	float: left;
    margin: 0 100px 0 0;
    width: 200px;
}
#contacto{
	position: relative;
    float: left;
	left: 140px;
    width: 150px;
}
#categorias{
	position: relative;
	left: -200px;
	float: right;
    padding: 5px;
    width: 200px;
}
#categorias a{
	color: #CED2D2;
	font-variant: small-caps;
}
.Fb{
	position: relative;
	top: 250px;
	float: right;
	left: -150px;
}
.google{
	position:relative;
	top: 370px;
	float: right;
	padding-left: 150px;
	margin-right: 180px;
	margin-top:-119px;
 
}
.twitt{
	position:relative;
	top: 262px;
	left: 80px;
	float: right;
	margin-right: 80px;
}