28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
je voudrais mettre 2 divs cote à cote, l'un avec une image (dont la taille peut varier) et l'autre avec un texte sur plusieurs lignes.
Cela fonctionne bien si les divs (ou au moins celui du texte) ont une taille définie, mais je ne peux pas la définir car mon image peut changer de taille, je voudrai que la largeur du div s'adapte à la largeur qu'il lui reste dans le div de contenu.
Pour être plus claire, voici un exemple :
http://nekobaka.org/test_divs.html
Existe-t-il une solution ?
Merci d'avance pour votre aide.
Modifié par lina01 (08 Mar 2011 - 16:21)
Bonjour,

Essaie un peu ceci pour le CSS de ton #gauche :

#gauche { margin-left:auto; border:1px solid #00ff00; }


Cordialement
Bonjour, dans ton exemple, ton image est dans un bloc qui a id="droite" mais il flotte à gauche. Est-ce que c'est cela que tu veux ?

Et si tu fais ceci:

#contenu 	{ 
background-color:#99CC33; width:800px; }
#droite 	{ 
float:right; border:1px solid #ff0000; }
#gauche 	{ 
border:1px solid #00ff00; }


Alors, ton image flotte à droite et ton texte reste à gauche.
Merci à tous pour vos réponses Smiley lol
La solution de lddsoft marche impeccable dans mon cas!