Подскажите как сделать два баннера в одном ряду ниже шапки?

 

Сделал таким способом, то есть в админке (управлении рекламой) создал баннеры, используя свой html код, с ключами и в globaltemplate вставил в нужное место этот код:

 

<table style="width: 100%"> 
<tr> 
<td>{advertisement="KEY1"}</td> 
<td>{advertisement="KEY2"}</td> 
</tr> 
</table></div>

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

Изменено 2 июня 201610 г пользователем Sergio

А так?

 

<table style="width: 100%"> 
<tr> 
<td>{advertisement="KEY1"} {advertisement="KEY2"}</td> 
</tr> 
</table>

<table style="width: 100%"> 
<tr> 
<td>{advertisement="KEY1"} {advertisement="KEY2"}</td> 
</tr> 
</table>

 

Не, так они сразу не в ряд получаются. Нужно что бы были в ряд, а при сужении страницы в браузере смещались друг под друга. Есть еще какие варианты, подскажите?

Изменено 6 июня 201610 г пользователем Sergio

<table style="width: 100%"> 
<tr> 
<td>

<table><tr><td>{advertisement="KEY1"}</td></tr></table> 
<table><tr><td>{advertisement="KEY2"}</td></tr></table>

</td> 
</tr> 
</table>

 

<table style="width: 100%"> 
<tr> 
<td>

<table><tr><td>{advertisement="KEY1"}</td></tr></table> 

</td> 

<td>

<table><tr><td>{advertisement="KEY2"}</td></tr></table>

</td> 

</tr> 
</table>

 

Ну, или с дивами экспериментировать.

Изменено 6 июня 201610 г пользователем Zero108

Тоже не получается. А с дивами пример можете скинуть?