Проблема со скроллом

[frost444]

Добрый день. Проблемма в том что не могу сделать так что бы скролл таблица растягивалась на ширину таблицы в которую он вставлен. Не могли бы подсказать как сделать так что бы он расстягивался по высоте форумов.... ото приходится дл кажного раздела задавать собственный размер

вот скрин

шаблон всего блока

<div id="forums_wrap">
  <!-- IF SHOW_FORUMS -->
  <!-- BEGIN c -->
  <div id="page_container5">
<div class="category">
	<h3 class="cat_title"><a href="{c.U_VIEWCAT}" class="textcomsan">{c.CAT_TITLE}</a></h3>
	<div class="f_tbl_wrap">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td>
		<table class="forums">
		<tr class="forums_th">
			<th class="f_titles">{L_FORUM}</th>
			<th class="f_last_post last_td">{L_LASTPOST}</th>
		</tr>
		<tbody>
		<!-- BEGIN f -->
		<tr id="forum_{c.CAT_ID}_{c.f.FORUM_ID}" style="display:{c.f.DISPLAY};">
			<td  class="row1 f_titles" onmouseover="style.backgroundColor='#f0f0f0'" onmouseout="style.backgroundColor='#FAFCFD'" style="background-color: #FAFCFD">
				<h4 class="forumlink"><a href="{FORUM_URL}{c.f.FORUM_ID}" class="textcomsan">{c.f.FORUM_NAME}</a></h4>
				<!-- IF c.f.FORUM_DESC -->
				<p class="forum_desc">{c.f.FORUM_DESC}</p>
				<!-- ENDIF -->
				<!-- IF c.f.LAST_SF_ID -->
				<p class="subforums">
					<em>{L_SUBFORUMS}:</em>
					<!-- BEGIN sf -->
					<span class="sf_title{c.f.sf.SF_NEW}"><a href="search.php?f={c.f.sf.SF_ID}&new=1&dm=1&s=0&o=1"><span class="dot-sf">•</span></a><a href="{FORUM_URL}{c.f.sf.SF_ID}">{c.f.sf.SF_NAME}</a></span><span class="sf_separator"></span>
					<!-- END sf -->
				</p>
				<!-- ENDIF -->
			</td>
			<td class="row2 f_last_post last_td" title="" onmouseover="style.backgroundColor='#f0f0f0'" onmouseout="style.backgroundColor='#f4f4f4'" style="background-color: #f4f4f4">
			<!-- IF c.f.POSTS -->
				<!-- BEGIN last -->
					<!-- IF SHOW_LAST_TOPIC -->
					<h6 class="last_topic">
						<a href="{TOPIC_URL}{c.f.last.LAST_TOPIC_ID}{NEWEST_URL}" title="{c.f.last.LAST_TOPIC_TIP}">{c.f.last.LAST_TOPIC_TITLE}</a>
					</h6>
					<!-- ENDIF / SHOW_LAST_TOPIC -->
					<p class="last_post_time">
						<span class="last_time">{c.f.last.LAST_POST_TIME}</span>
						<span class="last_author">by
							<!-- IF c.f.last.LAST_POST_USER_ID -->
							<a href="{PROFILE_URL}{c.f.last.LAST_POST_USER_ID}">{c.f.last.LAST_POST_USER_NAME}</a>
							<!-- ELSE -->
							{c.f.last.LAST_POST_USER_NAME}
							<!-- ENDIF -->
						</span>
					</p>
				<!-- END last -->
			<!-- ELSE / start of !c.f.POSTS -->
				{L_NO_POSTS}
			<!-- ENDIF -->
			</td>
		</tr>
		<!-- END f -->
		</tbody>
		<tr class="forums_th1" >
			<th class="f_titles"> </th>
			<th class="f_last_post last_td"> </th>
		</tr>
		</table>
	</td>
	<td width="130px" class="vTop">
	 <table class="forums">
		<tr class="forums_th">
			<th class="f_titles">{L_LASTRELIZRAZD}</th>
		</tr>
		<tr>
			<td  class="rowa">
			<div class="scrollers">
  <!-- BEGIN lastAdded -->
			<a href="viewtopic.php?t={lastAdded.TOPIC_ID}" title="{lastAdded.TITLE}">{lastAdded.POST_IMG}</a>
<div style="height:10px"> </div>
  <!-- END lastAdded -->

</div>
			</td>
		</tr>
		<tr class="forums_th1" >
			<th class="f_icon"> </th>
		</tr>
		</table>
	</td>
  </tr>
</table>
	</div><!--/f_tbl_wrap-->
</div>
</div><!--/category-->
<div class="cat_footer"></div>
<div class="cat_separator"></div>
<!-- END c -->
<!-- ELSE / start of !SHOW_FORUMS -->
<table class="forumline">
	<tr><td class="row1 tCenter pad_8">{NO_FORUMS_MSG}</td></tr>
</table>
<div class="spacer_10"></div>
<!-- ENDIF -->
</div>

шаблон таблицы со скроллом

	<td width="130px" class="vTop">
	 <table class="forums">
		<tr class="forums_th">
			<th class="f_titles">{L_LASTRELIZRAZD}</th>
		</tr>
		<tr>
			<td  class="rowa">
			<div class="scrollers">
  <!-- BEGIN lastAdded -->
			<a href="viewtopic.php?t={lastAdded.TOPIC_ID}" title="{lastAdded.TITLE}">{lastAdded.POST_IMG}</a>
<div style="height:10px"> </div>
  <!-- END lastAdded -->

</div>
			</td>
		</tr>
		<tr class="forums_th1" >
			<th class="f_icon"> </th>
		</tr>
		</table>
	</td>

css скроллера

div.scroller {
	width:auto;
	background: #ff9;
	overflow-x: scroll;
}
div.scrollers {
	height:auto;
	background: #ff9;
	overflow: auto;
}

Edited November 28, 2010 by frost444

[stars]

overflow-x: scroll; чтобы вот это работало надо диву указывать фиксированную высоту в противном случаи див является тянущимся и скрол не работает(точней сам скрол будет видно но див всегда будет растягиваться на максимум)....

Поэтому скрол надо применять не к диву а к ячейки таблицы их же там 2 в одной как я понял сам форум в другой боковой банер но на нее и надо навесить скрол

Edited November 28, 2010 by stars