Sidebar - szerokość ześwirowała

na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, generalnie mam problem z dopasowaniem jednej kolumny sidebaru. Na rozdziałce full hd wygląda to tak:


A na drugim monitorku tzn 1280x1024 wyświetla już tak:


To jest fragment kodu z indexu:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" style="text-align:center;">
<div class="theadtitle" style="float:none;"><center>TeamSpeak 3</center></div>
</td>
</tr>
<td>

<div style="width: 100%; height: 500px; overflow: auto;">
<center>
<a href="ts3server://176.31.26.209?port=9987" title="Połącz z Hexodria.pl - TeamSpeak 3 Server"><img src="/images/ctj.png" alt="Połącz z Hexodria.pl - TeamSpeak 3 Server" /></a><br><br>
</center>
<div id="ts3viewer_1051834" style="width:; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1051834&text=ffffff&text_size=12&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1051834, 100);
-->
</script>
</div>
</td>
</tbody>
</table></br>

i dodam iż zmienienie width na np 30% nic nie daje, gdyż efekt jest taki:


Ma ktoś jakieś pomysły jak to ogarnąć??

Spróbuj w ten sposób:

<table border="0" style="width:245px;" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" style="text-align:center;">
<div class="theadtitle" style="float:none;"><center>TeamSpeak 3</center></div>
</td>
</tr>
<td>

<div style="width: 100%; height: 500px; overflow: auto;">
<center>
<a href="ts3server://176.31.26.209?port=9987" title="Połącz z Hexodria.pl - TeamSpeak 3 Server"><img src="/images/ctj.png" alt="Połącz z Hexodria.pl - TeamSpeak 3 Server" /></a><br><br>
</center>
<div id="ts3viewer_1051834" style="width:; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1051834&text=ffffff&text_size=12&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1051834, 100);
-->
</script>
</div>
</td>
</tbody>
</table></br>

no niestety nie działa, efekt jest prawie taki sam;



drugi screen:

Możesz spróbować pobawić się tymi wartościami

<div style="width: 100%; height: 500px; overflow: auto;"> 


ewentualnie tam gdzie generowałeś sobie widget tsa sprawdzić czy możesz ustalić jego szerokość

Lub

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" style="text-align:center;">
<div class="theadtitle" style="float:none;"><center>TeamSpeak 3</center></div>
</td>
</tr>
<td>

<div style="width: 240px; height: 500px; overflow: auto;">
<center>
<a href="ts3server://176.31.26.209?port=9987" title="Połącz z Hexodria.pl - TeamSpeak 3 Server"><img src="/images/ctj.png" alt="Połącz z Hexodria.pl - TeamSpeak 3 Server" /></a><br><br>
</center>
<div id="ts3viewer_1051834" style="width:240px; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1051834&text=ffffff&text_size=12&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1051834, 100);
-->
</script>
</div>
</td>
</tbody>
</table></br>

ze stałą rozdziałkom to nie wypali:



------------------------------------------------------------------------------

Generalnie problem rozwiązałem, nie będę się męczyć. jak ktoś ma mały monitor i mu to przeszkadza to sobie po po prostu zwinie.

http://kodcss.pl/kurs-css/lekcje/dzial-4...entow-html