Хром сходит с ума.

Поделиться1Пн, 19 Ноя 2012 00:54:46

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Здравствуйте. Очень нужно объяснение как преодолеть эти баги.
У некоторых игроков, которые сидят через хром неподетски все разбегается и косячит.
Лично у меня все норм. Я не знаю что за прикол такой.
Вот один из примеров бага.
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="http://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="http://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>

0

Поделиться2Пн, 19 Ноя 2012 08:22:59

Автор: RUSSIAN_GOBLIN
Cтарожил
Зарегистрирован: Пн, 8 Окт 2007
Сообщений: 2554
Уважение: +708
Позитив: +596
Пол: Мужской
Последний визит:
Вт, 5 Окт 2021 21:21:25

Может:

#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;
}

Отредактировано RUSSIAN_GOBLIN (Пн, 19 Ноя 2012 08:24:59)

0