Discussion :

[jeepibmx]

Bonjour j'essai de faire un bas de page.. la div de gauche (1) contient du text et celle de droit (2) contient une image.
Voici ce que je veux faire :

- La div de gauche (1) s'ajuste à la grosseur de la div 2 qui contient l'image.
- Le text de la div de gauche (1) est aligné vers le bas (vertical-align: bottom)

Voici ce que j'obtiens présentement avec mon 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
 
div#footer {
	width: 820px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 0;
    border-spacing: 0px;
    border-collapse: collapse;
}
 
div#footer_champsobl {
	width: 50%;
	height: 100%;
	text-align: left;
	float: left;
	vertical-align: bottom;
}
 
div#footer_secure {
	width: 50%;
	height: 100%;
	text-align: right;
	float: right;
}

HTML:

Code :

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

1
2
3
4
5
6
7
8
9
 
		<div id="footer" class="conteneur«MAIN»">
			<div id="footer_champsobl">
				asdf
			</div>
			<div id="footer_secure">
				<img src="image pas d'importance"></img>
			</div>
		</div>