Форум http://zaimok.ru неправильно отображается на мобильных устройствах (адаптированный стиль форума для мобильных устройств включен).
Сайдбар заходит на форум.
Как это исправить не убирая сайдбар?
Стиль MyBB F430.
Вот HTML верх:
Код:
<link rel="shortcut icon" href="http://zaimok-pokrovka.ru/1favicon.ico" type="image/x-icon">
<img id="Mylogo" src="http://s0.uploads.ru/ZpHi2.jpg" />
<style type="text/css">
#Mylogo {width: 100%;margin-top: 18px;}
</style>
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-reputation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>
<style type="text/css">
.post-author ul{
text-align:center;
}
</style>
<style type="text/css">
body { background-image:url(http://forumupload.ru/uploads/000b/e3/ad/657-1-f.jpg); background-
repeat: repeat; background-attachment:fixed; overflow-x: auto;}
</style>
<style>
.punbb textarea, .punbb select, .punbb input, .punbb .post-box{
color: #000;
background-color: #fff !important;}
.punbb .quote-box, .punbb .code-box{
color: #000;
}
</style>
<style>
.punbb a:hover {
color: #ff0000
}
</style>
<style>
#pun, .linksb .postlink a, .linksb .pagelink a, .punbb .linksb a, .linkst .postlink a, .linkst
.pagelink a, .punbb .linkst a
{color: #fff;}
.pa-author a, .pa-title{color: #000 !important;}
</style>
<style>
.punbb{
font-family: Georgia;
}
</style>
<style>
#pun-title .title-logo {display : none;}
</style>
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index:1; right: 400px;top: 17px
}
</style>
<style>
#pun {
margin: auto 20px auto 230px;
width : auto;}
.sidbar {background: transparent url
(); width: 200px; height:
1600px; border: 0px solid; position: absolute; z-index: 1000; top: 12px;
right: 310px; left: 10px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: transparent url
(); height: 17px; text-align:
center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">
<p>
<script language="JavaScript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="http://forumupload.ru/uploads/000b/e3/ad/549-1.jpg"
image[1]="http://zaimok-pokrovka.ucoz.ru/foto2/PHOT0051-2-2.jpg"
image[2]="http://zaimok-pokrovka.ucoz.ru/foto2/PHOT00145-2.gif"
image[3]="http://zaimok-pokrovka.ucoz.ru/foto2/flag-2.jpg"
image[4]="http://zaimok-pokrovka.ucoz.ru/foto2/-78.gif"
document.write ("<img src="+image[a]+">");
//-->
</script>
</p>
<h1></h1>
<div align="center"><a href="http://xat.com/PrivetPokrovka"
target="_blank"><img
src="http://s6.uploads.ru/t/rVWYS.png" border="0" alt="Покровский Чат" />
</a>
<a href="http://pocrovka.4bb.ru/" target="_blank"><img
src="http://s6.uploads.ru/t/VDfIX.png" border="0" alt="Покровский Форум" />
</a>
<a href="https://imgur.com" target="_blank"><img
src="http://sg.uploads.ru/t/lgNiz.png" border="0" alt="Фотохостинг Imgur" />
</a><a href="http://zaimok-pokrovka.ucoz.ru/photo/" target="_blank"><img
src="http://sf.uploads.ru/t/3FVXn.png" border="0" alt="Фотографии"
/></a>
<h1></h1>
<a href="http://www.warlog.ru/" target="_blank"><img
border="0" src="http://www.warlog.ru/counter/?i=2031" alt="счетчик посещений"
title="счетчик
посещений" /></a>
<h1></h1>
<table cellpadding=0 cellspacing=0 width=154 style="border:solid 1px #3069e8;font-family:Arial;font-size:14px;background-color:#ebf5fa"><tr><td><table width=100% cellpadding=0
cellspacing=0><tr><td width=8 height=30 background="http://rp5.ru/informer/htmlinfa/topshl.png"
bgcolor=#3069e8> </td><td width=* align=center
background="http://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#3069e8><a style="color:#ffffff;
font-family:Arial;font-size: 12px;" href="http://rp5.ru/6749/ru"><b>Покровка</b></a></td><td
width=8 height=30 background="http://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#3069e8></td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe
src="http://rp5.ru/htmla.php?id=6749&lang=ru&bg=%23ebf5fa&ft=%23ffffff&fc=%233069e8&c=%23000000&f=Arial&s=14&sc=4" width=100% height=416 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table>
<h1></h1>
<a href="http://flgc.info/MK5FWg"><img src="http://s06.flagcounter.com/count/xOB/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_24/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" border="0"></a>
<h1></h1>
<SCRIPT language=JavaScript>
<!--
d0 = new Date('January 27, 2010');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<div align="center"><b>Форуму</b> ' + Math.round(dt) + '<b>-й день.</b></div>');
-->
</SCRIPT></p>
<h1></h1>
<!-- MyCounter v.2.0 -->
<script type="text/javascript"><!--
my_id = 76846;
my_width = 88;
my_height = 61;
my_alt = "MyCounter - счётчик и статистика";
//--></script>
<script type="text/javascript"
src="http://scripts.mycounter.ua/counter2.0.js">
</script><noscript>
<a target="_blank" href="http://mycounter.ua/"><img
src="http://get.mycounter.ua/counter.php?id=76846"
title="MyCounter - счётчик и статистика"
alt="MyCounter - счётчик и статистика"
width="88" height="61" border="0" /></a></noscript>
<!--/ MyCounter -->
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2126362"></script><noscript><img src="http://counter.rambler.ru/top100.cnt?2126362" alt="" width="1" height="1" border="0"/></noscript>
<!-- end of Top100 code --></div>
<div align="center"><!--RASKRYTKA.RU counter--><a href="http://www.raskrytka.ru/promo.htm" target="_blank"><img src="http://counter.web-marketolog.ru/counter/?mode=b2-4" width="88" height="31" border=0 alt="продвижение сайта в яндексе, продвижение сайтов цены"></a>
<!--/RASKRYTKA.RU counter --></div>
<div align="center"><a href="http://top100.rambler.ru/home?id=2192678">
<img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-blue3.gif" alt="Rambler's
Top100"
width="88" height="31" border="0" /></a>
<!-- end of Top100 logo --></div>
<div align="center"><!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t12.10;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet--></div>
<div align="center"><a href="http://pocrovka.4bb.ru/" target="_blank"><img src="http://uploads.ru/i/i/B/Y/iBYXa.jpg" width="88" height="31" border="0" alt="pocrovka.4bb.ru - с.Покровка,Октябрьского района,Приморского края"></a></div>
<!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<div style="display:none;"><script type="text/javascript">
try { var yaCounter1369467 = new Ya.Metrika(1369467); } catch(e){}
</script></div>
<noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/1369467" alt="" /></div></noscript>
<!-- /Yandex.Metrika -->
</div>
