Discussion :

[sletis]

salut ,

j'ai un soucis voila j ai deux divs l'une en dessous de l'autre disposé de cette maniere:

Code :

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

1
2
3
4
5
 
<div class="widget" style="width:100%; border:solid 2px;max-width:250px;min-width:150px;">
        <div class="haut" style="background-color:red; height:20px;"></div>
        <div class="bas" style="background-color:green;"> du BLABLAblabla </div>
</div>

comment je pourrais faire pour que la div "haut" ait la même largeur que la div "bas" lorsque je rajoute du texte dans "bas" ( ou que j'en retire) ?!

merci pour votre aide

[Erwan31]

Bonjour, il suffit de leur donner une largeur...

[sletis]

Bonjour, il suffit de leur donner une largeur...

eeh! salut ben en faite j essaye de mieux m'expliquer!

le contexte déja ! ben je fais une "fenetre" dans le menu de ma page! cette "fenetre" comprend deux lignes, la premiere ligne correspond à de la forme avec des bords et tout! la deuxieme ligne correspond à une zone de liste dynamique

je veux que ma premiere ligne s'adapte à la largeur du texte qui sera écris dans ma deuxieme liste pour le moment j'ai ce résultat:

[---ligne1----]
[ ligne 2 blablablablabla]

tandis que je voudrais ca:

[---ligne1-------------]
[ ligne 2 blablablablabla]

chaque ligne correspond à une div ( haut et bas ) et le tout correspond à la div que j ai nommé widget

[Erwan31]

la premiere ligne correspond à de la forme avec des bords et tout!

Si ça n'est qu'un fond de couleur comme dans ton exemple; tu peux donner un border-top: 20px solid red à #bas voire un background positionné en top, sinon il faut imbriquer #bas dans #haut pour que bas force la largeur de #haut.

[sletis]

Si ça n'est qu'un fond de couleur comme dans ton exemple; tu peux donner un border-top: 20px solid red à #bas voire un background positionné en top, sinon il faut imbriquer #bas dans #haut pour que bas force la largeur de #haut.

ce n'est pas qu'une couleur de fond mais tu viens de me donner une idée!! l'imbrication!!! mais comment je n'ai pas pensé à ca!!! merci je te tiens au courant