Webboard

Pełna wersja: Zbugowane sidebary
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
No więc tak, chodzi o to, że posiadam dwa sidebary jak sidebar od Discorda i Facebooka.
Na początku Discord wypełniał całe miejsce jak teraz Facebook, ale na wersji mobilnej sidebar rozjeżdżał się i był nieczytelny.
Teraz, po dodaniu facebooka, nie mam zamiaru sidebaru od fb zmniejszać tak, jak Discorda, bo będzie to nieestetyczne. 

No więc przychodzę z zapytaniem, czy da się ustawić tak te dwa sidebary, aby:
a) były czytelne na wersji mobilnej
b) nie rozjeżdzały się po pomniejszeniu okna przeglądarki

Zostawiam urywek z kodu:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Discord - kliknij <a href="https://discord.gg/TJZt42">tutaj</a>, aby połączyć</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div>
</td>
</tr>
<td class="trow1">
<center><iframe src="https://discordapp.com/widget?id=326856272445964288&theme=light" width="225" height="500" allowtransparency="true" frameborder="0"></iframe></center>
</td>
</table>

<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Nasz Facebook - wkrótce</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div>
</td>
</tr>
<td class="trow1">
<center><div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/facebook" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/facebook">Już niedługo...</a></blockquote></div></center>
</td>
</table>

PS: Dodałem do stopki link, ale proszę mi nie wmawiać, że go usuwałem, bo go po prostu nie miałem :)