Adapter la largeur d'une div à une img [Résolu]

kéraunos · 30/03/2011, 16h38

Bonjour à tous.

C'est souvent l'inverse qui est demandé, je crois, mais voilà j'aimerais savoir comment adapter la largeur d'une div à celle de son contenu, en l'occurrence une image.

Je ne sais pas si c'est possible, étant donné que l'attribut width ne prend que les valeurs length, %, auto, inherit. Mais si vous connaissez un moyen, merci de me le signaler.

ornitho13 · 30/03/2011, 17h57

Salut,

tu peux utiliser le display:inline-block.
Exemple :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>bienvenue sur le site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="tags, tags, tags, tags"/>
<!-- début du CSS -->
<style type="text/css">
html, body
{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  color:#fff;
}
 
.bg
{
display:inline-block;
padding:10px;
background:#ddd;
}
</style>
<!-- fin du CSS -->
</head>
<body>
<div class="bg">
	<img src="http://debray-jerome.developpez.com/application/images/slideshow/1.jpg" />
</div>
</body>
</html>

kéraunos · 30/03/2011, 19h31

Ok merci beaucoup !

30/03/2011, 16h38	#1
kéraunos Membre régulier Inscription : janvier 2005 Messages : 157 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : janvier 2005 Messages : 157 Points : 71 Points : 71	Adapter la largeur d'une div à une img Bonjour à tous. C'est souvent l'inverse qui est demandé, je crois, mais voilà j'aimerais savoir comment adapter la largeur d'une div à celle de son contenu, en l'occurrence une image. Je ne sais pas si c'est possible, étant donné que l'attribut width ne prend que les valeurs length, %, auto, inherit. Mais si vous connaissez un moyen, merci de me le signaler.
	00

30/03/2011, 19h31	#3
kéraunos Membre régulier Inscription : janvier 2005 Messages : 157 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : janvier 2005 Messages : 157 Points : 71 Points : 71	Ok merci beaucoup !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email