и так,имеем блок с последними новостями и релизами. 2 совершенно одинаковых блока,одним размером и т.д....но вот беда
см.скрин1
вопросы:
1как решить проблему с пустым пространством(указано на скрине)
2подогнать блоки строго по центру,не заезжая на левый блок
Прилагаемый код.
page_header.tpl(непосредственно верстка блоков)
Код: Выделить всё
<!-- IF SHOW_LATEST_NEWS -->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr>
<table cellspacing="0" cellpadding="0" style="width:100%;">
<tr>
<td width="49%">
<!--latest_news-->
<div id="latest_news">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="news_left"> </td>
<td class="news_center"> </td>
<td class="news_right"> </td>
</tr>
</table>
<div style="position: absolute; top: 28px; left: 12px; z-index: 3; display: block; overflow: hidden; width: 96%;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="70%">
<!-- <h3>{L_LATEST_NEWS}</h3> -->
<table cellpadding="0">
<!-- BEGIN news -->
<tr>
<td><div class="news_date">{news.NEWS_TIME}</div></td>
<td width="100%"><div class="news_title<!-- IF news.NEWS_IS_NEW --> new<!-- ENDIF -->"><a href="{TOPIC_URL}{news.NEWS_TOPIC_ID}">{news.NEWS_TITLE}</a></div></td>
</tr>
<!-- END news -->
</table>
</table>
</div>
</div>
</td>
<td width="2%"></td>
<!--/latest_news-->
<td width="49%">
<div id="latest_news">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="releases_left"> </td>
<td class="releases_center"> </td>
<td class="releases_right"> </td>
</tr>
</table>
<div style="position: absolute; top: 28px; left: 12px; z-index: 3; display: block; overflow: hidden; width: 96%;">
<!--тут вывод мода-->
</div>
</div>
</td>
</table>
<!-- ENDIF / SHOW_LATEST_NEWS -->
Код: Выделить всё
/* ---------------------------------- *
Latest News
* ---------------------------------- */
#latest_news { margin-bottom: 8px; position: relative;}
#latest_news table {
border-collapse: collapse;
}
#latest_news h3 { padding: 0 0 3px 0; color: #333333; text-shadow:0 1px 1px white;}
#latest_news td { text-align:left; vertical-align: middle; white-space: nowrap;}
.news_date {
float: left; padding: 5px 8px 1px; font-size: 11px; width: 55px;
font-family: "Courier New",Courier,monospace;
color: #999999; /*background: #F2F2F2;*/ /*border: 1px solid #B4B4B4;*/
text-shadow:0 1px 1px white;
}
.news_title {
padding: 6px 8px 0; margin-bottom: 2px; font-size: 11px;
/*background: transparent url(../images/hr400_ltr_gradient.jpg) no-repeat left top;*/
}
#latest_news a { text-decoration: none; color: #000000; }
#latest_news .new a { color: #A52A2A; font-weight: bold; }
.news_center { height:144px; border:none; background: url(../images/av/news_c.jpg) repeat-x; }
.news_left { width:176x; height:144px; border:none; background: url(../images/av/news_l.jpg) no-repeat left top; }
.news_right { width:8px; height:144px; border:none; background: url(../images/av/news_r.jpg) no-repeat left top; }
.releases_center { height:144px; border:none; background: url(../images/av/release_c.jpg) repeat-x; }
.releases_left { width:176px; height:144px; border:none; background: url(../images/av/release_l.jpg) no-repeat left top; }
.releases_right { width:8px; height:144px; border:none; background: url(../images/av/release_r.jpg) no-repeat left top; }
/* ---------------------------------- *
Breadcrumb [ home >> forum1 >> etc. ]