Здравствуйте. Очень нужно объяснение как преодолеть эти баги.
У некоторых игроков, которые сидят через хром неподетски все разбегается и косячит.
Лично у меня все норм. Я не знаю что за прикол такой.
Вот один из примеров бага.
http://brownuni.mybb.ru/
Проблема с таблицей. У одного из участников она съезжает вот так
Возможно это из-за моих странных параметров в таблице. Хелп плиз.
#menu {
padding: 10px 1px 10px 1px;
margin-top: 45px;
margin-left: 510px;
width: 170px;
height: 300px;
background-repeat : no-repeat;}
#menu span {
text-align:left;
display:block;
color:#efeced;
margin: 1px 0;
padding: 10px;
}
#menu .tabactive {
color: #efeced;
background: transparent;
}
#submenu {
padding: 15px 2px 15px 0px;
margin-left: -910px;
height: 351px;
text-align: center;
font-size: 12px;
width: 575px;
color:#efeced;
background: url(http://s1.uploads.ru/sIMJ5.png) no-repeat;
}
.submenutext {
display: none;
height: 40px;
}<center><table style="width: 615px">
<tbody>
<tr>
<td valign=top>
<div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">
<img src="http://s1.uploads.ru/LtoSj.png"/>
</span>
<span alt="#sm2" style="cursor: pointer;">
<img src="http://s1.uploads.ru/KpDk7.png"/>
</span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s1.uploads.ru/SHrzV.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s1.uploads.ru/ENgoF.png"/></span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" >
<table><tr><td>
<div class="nav" style="margin-top: 40px;">
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=11/">Объявления</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=13/">Помощник</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=4/">Сюжет</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=2/">Правила</a>
<a href=" http://brownuni.mybb.ru/viewforum.php?id=4/">Акции</a>
<a href="http://brownuni.mybb.ru/viewtopic.php?id=61#p127/">Жди меня</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=3/">Гостевая</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=9/">Шаблон анкеты</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=8/">Имена и фамилии</a>
<a href=" http://brownuni.mybb.ru/viewtopic.php?id=7/">Занятые внешности</a>
<a href=" http://brownuni.mybb.ru/viewforum.php?id=8/">Quests</a>
<a href="http://brownuni.mybb.ru/">Gossips</a>
</div>
</td>
<td>
<div style="width: 260px; margin-top: 10px; margin-left: -7px; text-align: justify;">
<center>
<b>ПРИВЕТСТВУЕМ ТЕБЯ В БРАУНЕ!</b><br></center>
Мы рады приветствовать Тебя на нашем ролевом проекте! Мы молоды, но полны сил. У нас уже самый настоящий Флеш-рояль из игроков. И Ты обязательно станешь одним из нас. Не стесняйся обратиться по любому возникшему вопросу к администрации, чьи профили приведены ниже. Они всегда к твоим услугам. Желаем удачи!
<br>А так же активно посещаем тему с <a href="http://brownuni.mybb.ru/viewtopic.php?id=11#p2468"> ОБЪЯВЛЕНИЯМИ</a> ! <br>А мы снова радуем игроков своими квестами! Ознакомиться <a href="http://brownuni.mybb.ru/viewtopic.php?id=161#p4247">ЗДЕСЬ</a>
<br>А так же, все желающие могут поучаствовать в
<a href="http://brownuni.mybb.ru/viewtopic.php?id=241#p9144">ПСИХОЛОГИЧЕСКОМ ПРОЕКТЕ</a> от Chris Thackeray<br><br>
<center><a href="http://top.roleplay.ru/18672" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href="http://forum-top.ru/vote/1388" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a></center>
</div>
</td>
</div>
</td>
</tr></table>
</div>
<div id="sm2" class="submenutext">
<div style="width: 550px; margin-top: -10px; margin-left: 12px; text-align: justify;">
<br><br><br><center><b>А что в игре?</b></center>
Скрестите пальчики дамы и господа, смерть нашего ректора не пройдет ни для кого даром. Будет ли это трагическое событие причиной вашей смерти? Или может оно повлечет за собой цепь экологических катастроф? А может из-за этого наша сверхгениальная мафия, наконец, получит власть в свои руки? Кто знает.. Тем не менее, наш вам совет будьте бдительны, носите бронежилеты, избегайте людей и лишний раз не заходите в лифты..
<table><tr><td><br> <center>
<b>Климат-контроль и дата</b><br></center>
<b>3 сентября, 2011 года, 13.00 - 00.00. </b> На удивление солнечный и теплый день. Однако, через чур промозглый ветер, советуем захватить с собой хотя бы легкие куртки.</td><td>
<br>
<img src="http://s2.uploads.ru/JwOhP.png" border="0" /></td></tr></table>
<br>
</center>
</div>
</center>
</div>
<div id="sm3" class="submenutext">
<style>#slideshow {
margin:10px;
margin-left: -42px;
width:560px;
height: 200px;
position:relative;
line-height: 10px;
}
#slideshow #slidesContainer {
margin:0 auto;
width:560px;
height:300px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:560px;/* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:300px;
}
/**
* Slideshow controls style rules.
*/
.control {
display:block;
width: 60px;
height: 57px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#leftControl {
top: -20px;
left: 20px;
background:transparent url(http://savepic.su/2577143m.png) no-repeat 0 0;
}
#rightControl {
top: -20px;
right: 0px;
background:transparent url(http://savepic.su/2572023m.png) no-repeat 0 0;
}
/*Style rules for Demo page */
* {
margin:0;
padding:0;
}
.slide h2, .slide p {
margin:15px;
}
.slide h2 {
letter-spacing:-1px;
}
.slide img {
#float:right;
margin:0 0px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 560;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'right',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>
<div style=" width:560px; height: 300px; text-align: justify; border: none; font-family: arial; font-size: 11px; line-height: 2px; margin: 1px; position: inherit; margin-left: 50px; top: 40px; ">
<div id="pageContainer">
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<p><p style="text-align: center">
<center><table>
<tr>
<td align="justify" width="255px">
<b style="letter-spacing:5px">
<center><b>ПАРОЧКА TWIX</b><center>
</b>
<br/>
<img src="http://s2.uploads.ru/G4YMl.gif"/>
<br/>
<a href=" http://brownuni.mybb.ru/profile.php?id=39">Kevin </a>
&
<a href=" http://brownuni.mybb.ru/profile.php?id=26"> Billie</a>
</a><br/><br/>
<center><b>Убойные Каникулы</b></center><br>
Кевин и Билли, новая парочка в университете. По крайне мере такие о них ходили слухи. И они не врали. Ребята совсем недавно начали встречаться и парень решил отвести подружку на отдых. Да и лето, отдохнуть очень хочется. И вот до загородного домика оставались считанные километры, но парочке все не сиделось на месте спокойно.....<a href="http://brownuni.mybb.ru/viewtopic.php?id=184#p10334"> читать игру</a><br/>
<br/>
</td>
<td width="10px"> </ td >
<td align="justify" width="255px">
<b style="letter-spacing:5px">
<center><b>ПОСТ НЕДЕЛИ</b></center>
</b><br><center>
<a href="http://brownuni.mybb.ru/profile.php?id=17">
<img src="http://s2.uploads.ru/4zS8m.jpg"/>
</a><br><br>
<center><b>Бизнес-центр "Royal"</b></center><br>
....
<a href="http://brownuni.mybb.ru/viewtopic.php?id=179#p10331"> читать игру</a>...
Вот и правильно, деточка, лучше помалкивай. Ты же знаешь, что даже в Аду я сумею устроить тебе «сладкую жизнь», если сболтнешь лишнего.
<b>- А правила игры предусматривают такой вариант, как оставление нас всех в живых, если наши секреты тебя повеселят?</b> - Ну или хотя бы одну меня, чихать я хотела на всех остальных,- подумала Девис, улыбаясь, - <b>А то, знаешь ли, я как-то не вижу смысла рассказывать тебе, что не ношу трусики и люблю индийские фильмы за просто так. Ой, я что уже все выложила? Блин, давай попробуем сначала,</b> - простонала Девис, стараясь незаметно достать телефон и написать смс Алану.
<br>
</ td >
</center>
</tr>
</table>
</center>
</p>
</div>
<div class="slide">
<center><table>
<tr>
<td align="justify" width="255px">
<br/>
<b style="letter-spacing:5px">
<center><b>ПРОГРЕССОРЫ</b><center>
</b>
<br/>
<a href="http://brownuni.mybb.ru/profile.php?id=52">
<img src="http://s3.uploads.ru/mN0Zd.jpg"/>
</a><br/><br/>
<a href="http://brownuni.mybb.ru/profile.php?id=39">
<img src="http://s3.uploads.ru/pGrsd.jpg"/>
</a><br/><br/>
<a href="http://brownuni.mybb.ru/profile.php?id=26">
<img src="http://s3.uploads.ru/UaB1i.jpg "/>
</a>
<br/>
</td>
<td width="10px"> </ td >
<td align="justify" width="255px">
<b style="letter-spacing:5px">
<br/>
<center><b>АКТИВИСТЫ</b></center>
</b><br><center>
<a href="http://brownuni.mybb.ru/profile.php?id=6">
<img src="http://s2.uploads.ru/Yv8uK.jpg"/>
</a><br><br>
<a href=" http://brownuni.mybb.ru/profile.php?id=8 ">
<img src="http://s2.uploads.ru/qeDuo.jpg"/>
</a><br><br>
<a href=" http://brownuni.mybb.ru/profile.php?id=60 ">
<img src="http://s2.uploads.ru/4pSEa.jpg"/>
</a><br>
</ td >
</center>
</tr>
</table>
</center>
</div>
</div>
</div>
<!-- Slideshow HTML -->
</div></div>
</div>
<div id="sm4" class="submenutext">
<div style="width: 560px; margin-left: 7px;">
<a href="http://youchoice.rusff.ru/" target="blank" title="Phoenix City"><img src="http://s019.radikal.ru/i630/1205/b1/80043e620f4f.gif"></a>
<a href="http://portal.mybb.kz"><img src="http://s1.uploads.ru/i/YTmFJ.gif" title="Один шаг"></a>
<a href=http://tridesyatoe.f-rpg.ru/ target="_blank"><img src=http://uploads.ru/i/t/s/G/tsGCy.gif></a>
<a href="http://mysticfalls.rolbb.ru/" Дневники Вампира| Vampire Diaries"><img src="http://savepic.net/1655047.gif" width="88" height="31" border=0"/></a>
<a href="http://spnroadsofar.rusff.ru/" target=_blank><img src="http://www.imageup.ru/img70/sam-_-dean-pranks-supernat623785.gif" width="88" height="31" border="0" alt="Road so far"></a>
<a href="http://hustler.6bb.ru/" target="_blank"><img src="https://forumavatars.ru/img/avatars/0011/15/3f/384-1342456490.gif" border="0" alt="Hustler - лучший стриптиз клуб" width="88" height="31" ></a>
<a target="_blank" href="http://damnedones.rusff.ru/"><img src="http://savepic.ru/2796594.gif"border="1" width="88" height="31"></a>
<a href="http://eldorado.rusff.ru/" title="Эльдорадо - город, где сбываются мечты." target="blank"><img src="http://i260.photobucket.com/albums/ii30/Amri_ta/qklYJ.gif" border="0"></a>
<a href="http://universitynu.rusff.ru/"><img src="http://uploads.ru/i/V/9/Y/V9Yws.gif"></a>
<a href="http://thelword.rusff.ru/"><img src="http://savepic.net/747123.gif"alt="[The L Word]" width="88" height="31"></a>
<a href=http://basterds.mybb.ru/><img src="https://forumstatic.ru/files/0011/d0/76/81298.gif" WIDTH=88 HEIGHT=31 border=0></a>
<a href="http://photoshop.lolbb.ru"><img src="http://uploads.ru/i/n/a/E/naEez.gif"></a>
<a href="http://cruelgames.mybb.ru/"><img src="http://funkyimg.com/u2/1874/849/8253231957880.gif" border=0 alt="синдром сказки"></a>
<a href="http://u.to/wj86Ag" target="_blank"><img src="http://s2.ipicture.ru/uploads/20120819/SUAKpjSf.gif"></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16186' target='_blank'><img src="http://palantir.in/count.php?id=16186&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a>
<a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>