Footer positionnement / alignement

**mildeune** · 13/06/2010, 12h59

Bonjour a tous,

je suis en train de travailler sur mon footer mais je n'arrive pas a mettre mon pieds3 au meme niveau que mon pied1 par rapport a la ligne c'est a dire aligné par rapport a la ligne du dessus (Voir pieces jointes)

QQ1 peut il m'eclairer
Par avance Merci

Code css

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
 
#footer {
border-top:1px solid #D0D3D8;
padding:0.5em 0;
background-color: #FFFFFF; 
font-size:11px;
display:block; 
clear:both; 
}
 
#adresse {display:block; clear:both; margin:0 0 0 0;} 
 
#copyright {
	display:block;
	width: 980px;
	margin: 10px auto 20px auto;
}
 
#copyright a { text-decoration: underline; }
 
#copyright #pied1 {
	width: 290px;
	font-size: 1.2em;
	padding: 0 0 20px 0;
	float:left;
}
 
#copyright #pied2 {
	width: 290px;
	font-size: 1.2em;
	padding: 0 0 0 0;
	float:left; 
}
 
#pied2 ul li { display:block; padding: 0 0 0 75px; }
 
 
#copyright #pied3 {
	width: 300px!important;
	font-size: 1.2em;
	margin-left: 20px;
	float:right;
}

Code HTML

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
 
<div id="footer">
<div id="copyright">
 
<div id="pied1">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s ...
</div>
 
<div id="pied2">
<ul>
<li><a href="">Conditions generales de vente</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Blog par </a></li>
</ul>
</div>
 
<div id="pied3">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s ...
</div>
 
<div id="adresse">
<strong>alugrjadju</strong> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
 
</div>
</div>

**devyan** · 14/06/2010, 11h40

Bonjour,

Personnellement, je ne comprends pas ce que tu as comme problème

Peux-tu être plus explicite ?

L'image jointe correspond à ce que tu veux obtenir ou à ce que tu obtiens ?
Quel(s) navigateur(s) utilises-tu ?
Le html fourni est un extrait, as-tu un doctype et lequel ?

devyan

**mildeune** · 14/06/2010, 17h07

En fait si tu regardes bien sur le coté droit le texte n'est pas aligné avec la ligne du haut comme le coté gauche

**devyan** · 14/06/2010, 17h15

Envoyé par mildeune

En fait si tu regardes bien sur le coté droit le texte n'est pas aligné avec la ligne du haut comme le coté gauche

la ligne ? (le trait, le HR ?)

C'est normal puisque le texte de droite est justifié à gauche. Il y a un retour à la ligne dès que le mot entier ne rentre pas et donc une "marge" à droite.