Поставяне на динамична рамка

[NumseR]

Здравейте !

Интересувам се от това, как мога да постигна ефект, като този. ?

Направил съм правоъгълното/зелено/ поле, но незнам как да поставя рамката, така че в зависимост от това колко съдържание има в карето, рамката да се удължава или намалява.

Също така не искам да има рамка отстрани на зеленото поле, а само под него.

 

[Jorko]

[css]
#ramka{
border: 1px solid black;
width: 300px;
height: auto;
float: left;
}

#zeleno{
width:300px;
float: left;
height: 50px;
background-color: green;
}

#sudarjanie{
width: 300px;
float: left;
height: auto;
}
[/css]

<div id="ramka">
<div id="zeleno">
<div id="sadarjanie">
tuka teksta po koito shte se razpawa avtomatichno bla bla bla
</div>
</div>
</div>

 

[NumseR]

Благодаря за бързия отзив !

При мен обаче не се разпъва автоматично. Също така искам долните два ъгъла на рамката да са заоблени малко :roll:

 

[Jorko]

Ти кое искаш да се разпъва автоматично рамката или зеленото в случа рамката се разпъва по това колкото повече е текста в нея а за заболените ъгли

[css]#ramka{border-bottom-left-radius: 5px;border-bottom-rigght-radius: 5px; [/css]

ако обясниш малко по като хората и не чакаш всичко на готово може и да го направиш а като не разбраш от дадено нещо има google и съм сигорен че ако не те мързеше да лентяистваш ще ше да намериш нещо :?: :idea:

 

[Fakeheal]

Благодаря за бързия отзив !

При мен обаче не се разпъва автоматично. Също така искам долните два ъгъла на рамката да са заоблени малко :roll:

http://jsfiddle.net/gt5eb/

 

[Vladislaw]

#Jorko дал си код за съвсем различно нещо.
Ако не си го направил вече ми пиши ЛС да го направим.