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>

[Erwan31]

Bonjour,
pour que la div de gauche s'adapte à la taille de la div de droite tu dois modifier ta structure (imbriquer l'un dans l'autre...) ou passer par un tableau de mise en forme, ce quie serait le plus simple puisque la propriété vertical-align ne peut s'appliquer que sur les élément de display table-cell ou inline.