Не могу разобраться с целым рядом проблем, связанных с шапкой сайта. Очень надеюсь на Вашу помощь.

1. Как, в моем случае, отцентрировать название форума. Вроде стоит центровка, но выравнивания не происходит.

2. Как уменьшить расстояние, между строчками таблицы, в которой расположились: название сайта (в первой строке), и в 3 колонках все остальное (во второй строке).
3. Если уменьшать ширину браузера, то поиск вместе с баннером выезжает за пределы основного контента. Как реализовать резиновость?
Код шапки в файле overall_header.html представлен ниже:
- Код: выделить все
<table width="100%">
<tr>
<th width="100%" align="center" colspan="3"><div id="site-description"><h1>{SITENAME}</h1><p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p></div>
</th>
</tr>
<tr>
<td width="30%" align="center"><div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></div>
</td>
<td align="center" width="40%"><a href="https://boomstarter.ru/projects/elvenchess/elven_chess_heroes_of_the_lost_kingdom" title="Elven Chess: Heroes of the Lost Kingdom"><img src="http://handbookhmm.ru/r/560.png" border="0"></a>
</td>
<td align="right" width="30%"> <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF --></td>
</tr>
</table>
мой форум: http://handbookhmm.ru/forum/