Автоматично разширяване на див?

backstage

Registered
Централния див, в който се намира текста на новината е с опрделена ширина, от лявата му страна има анкета и интервю, а от дясно реклама.

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

Сега би се движил по зеления контур.

ee935356767eacdc21ebcf86657794df_800x615.jpg
 
задай му широчината и височината в проценти! например: width="100%" height="100%" за css width:100%; height:100%;
и му сложи padding: 5px;
 
Колега, елемента обаче ми float-нат и при width:100% се размества и става мазало, има ли как float да работи съвместно?
 
Код:
<div id="part_new">
	<div id="left">
    	<div id="title_similar" class="new_font">Подобни Новини<img src="images/arrows.gif" style="margin: 0px 0px 2px 5px;"/></div>
        <div id="similar"></div>
        <div id="clear"></div>
		<div id="title_similar" class="new_font">Интервю<img src="images/arrows.gif" style="margin: 0px 0px 2px 5px;"/></div>
		<div id="col1" class="new_font"><img src="probni/1.jpg" width="144" height="144"/></div>
        <div id="title_similar" class="new_font">Анкета<img src="images/arrows.gif" style="margin: 0px 0px 2px 5px;"/></div>
		<div id="col1" class="new_font"></div>
    </div>
    <div id="new">
    	<div id="title_new" class="news_font">Пернишки автомобил изгоря на магистралата</div>
        <div id="clear"></div>
    	<div id="big_img"><img src="probni/big_new.jpg" /></div>
    <img src="probni/thumb_new.jpg" class="thumb_img" />
    <img src="probni/thumb_new.jpg" class="thumb_img" />
    <img src="probni/thumb_new.jpg" class="thumb_img" />
    <img src="probni/thumb_new_no.jpg" class="thumb_img" />
    <img src="probni/thumb_new_no.jpg" class="thumb_img2" />
    	<div id="clear"></div>
    	<div id="text_new" class="main_new_font">47-годишният мъж от 3-членното семейство, което пострада при тазсутрешната зверска катастрофа на 111-и километър на автомагистрала "Тракия", почина по време на операция в УМБАЛ "Св. Георги". Според изпълнителният директор доц. Божидар Хаджиев, въпреки положените усилия, лекарите не са успели да спасят Г. А. от Стара Загора, който е бил с разкъсан далак и множество други тежки травми. В шок все още са 44-годишната му съпруга Н. А. и 18-годишният им син Д. А., който е с повече контузии, но според специалистите животът им е вън от опасност. От полицията уточняват, че изгорялата до неузнаваемост кола всъщност не е "Мицубиши", а "Дайхацу" с пернишка регистрация. До момента не е установена самоличността на загиналия на място водач, който навлязъл в лентата за насрещно движение и се блъснал челно в тойотата. Причините за катастрофата са в процес на изясняване.</div>
    </div>
    
    <div id="player"></div>
	<div id="banner2"></div>
    <div id="clear"></div>
</div>
 
<div id="clear"></div>







Код:
#part_new { width:984px; margin:0 auto; }

#left { width:144px; height:1132px; float:left; margin-right:20px; }

#title_similar { width:144px; height:16px; float:left; }

#similar {width:144px; height:451px; float:left; border-top:2px solid red; margin-top:5px; }

#col1 {width:144px; height:293px; float:left; border-top:2px solid red; background-color:#ffcc66;  margin-top:5px; }

#col2 {width:186px; height:293px; margin-right:20px; margin-top:5px; float:left; border-top:2px solid red; }

#new { width:500px; min-height:1130px; height:auto!important; height:1130px; float:left; margin: 0px 20px 0px 0px;}

#title_new { width:500px; min-height:26px; height:auto!important; height:16px; }

#big_img { width:500px; height:281px; margin-top:10px; }

#text_new { width:500px; margin-top:20px;}

#player { width:300px; height:235px; float:left; background-image:url(images/player1.jpg); margin-top: 40px; }

#banner2 { width:300px; height:250px; float:left; background-image:url(http://i.id24.bg/bans/filikon1.gif); margin-top:20px; }

#title { width:186px; height:16px; margin-right:20px; float:left; }

#banner3 { width:160px; height:600px; margin-top:5px; float:right; border-top:2px solid red; background-image:url(http://ruklip.net/all/PartnerBanners/160x600-all.gif);}

#sendnew { width:160px; height:40px; margin-top:15px; float:right; background-image:url(images/sendnew.jpg); }
 
Направи го с таблици ако не успееш с дивове. По точно кажи ако искаш с таблици
 

Back
Горе