Discussion :

[zooffy]

Bonjour tout le monde.

Je voudrais s'il est possible de gérer la largeur (le Width) d'un DIV en fonction de son contenu.

Je place un DIV dans ma page avec un contenu dynamique. Je peut avoir un Script ou un lien ou une image. Deux exemples :

Code :

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

1
2
3
4
5
6
 
<div id="divclick" onclick="go();" style="border:solid 1px Black;">
        <script type="text/javascript">
            var uri = 'http://impfr.tradedoubler.com/imp?type(js)pool(430812)a(1943481)' + new String(Math.random()).substring(2, 11);
            document.write('<sc' + 'ript type="text/javascript" src="' + uri + '" charset="ISO-8859-1"></sc' + 'ript>');
</script></div>

Code :

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

1
2
3
 
<div id="divclick" onclick="go();" style="border:solid 1px Black;">
<a href="http://www2.adserverpub.com/click.php?id=1132-7010-10931&data=1" target="_self"><img src="http://www2.adserverpub.com/banner.php?id=1132-7010-10931&data=1" height="250" width="300" border="0"></a></div>

La hauteur (Height) se gère visiblement toute seule, mais il prend automatiquement tout la largeur disponible, toute la page si je le mets tel que ou la largeur du contrôle dans lequel il est (cellule de table, autre div, span, ...).

Merci pour votre aide.

[bob633]

Pour adapter automatiquement c'est width="auto";

Mais faudrait voir plus de code, car ça risque pas fonctionner si tes balises là sont déjà inclues dans d'autres avec des tailles pré définies..

[zooffy]

Merci pour ton aide.
Le auto permet d'adapter au contrôle qui est l'extérieur visiblement.

Entre temps, j'ai réfélchi et j'ai fais un truc pas propre.
J'ai fais une table avec un TR et un TD et j'ai mis le Div dedans, tout simplement.

Et ça colle assez bien en fait.

[ornitho13]

Salut,

la div est en display:block par défaut donc a un width égale à 100%, il aurait fallu utiliser display:inline pour que la div s'adapte à son contenu (enfin pour que le contenu de celle ci lui donne sa largeur pour être plus précis).

[zooffy]

Ok, ça marche bien avec le Inline.
Je vais virer ma table, histoire de faire plus propre.

Merci