http://prisoners.rolka.su/
Вчера установила новый дизайн. Но проблема в том, что не во всех браузерах он нормально отображается. Например у некоторых владельцев Оперы всё сползает, и в итоге получается вот что:
http://s48.radikal.ru/i122/1005/c6/cbe2ec849319.jpg
А у меня, как у владельца браузера Оперы и некоторых других, всё отлично:
http://s51.radikal.ru/i134/1005/39/43f71c6f5e0e.jpg
К CSS не прикасалась, лишь поставила в цвета то, что мне выдал генератор стилей.
ХТМЛ-вверх
Код:
<style type="text/css">
#pun-navlinks .container, #pun-ulinks .container {text-align: right;}
</style>
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style type="text/css">
#pun {background-color: transparent; position: absolute; top: 0%; left: 50%; margin-top: -0px; margin-left: -500px; width: 1000px; align: center;}
</style>
<script type="text/javascript" src="http://help4us.ru/include/js/jquery.js"></script>
<style type="text/css">
#pun-title .title-logo {display: none;}
</style>
<style type="text/css">
HTML, BODY {background-image: url("http://s54.radikal.ru/i146/1005/66/826c87283d55.jpg")!important; background-repeat: repeat !important; background-position: top center;}
</style>
<style type="text/css">
#pun-title table {background-image : url(http://s002.radikal.ru/i200/1005/c0/6e387d513b8c.jpg);
height : 430px;
}
</style>
<style>
#pun-title TD.title-logo-tdr {
position: absolute; z-index: 1; left: 250px; top: 10px;
}
</style>
<style type="text/css">#pun-main td {
border: none;
}
</style>
<style type="text/css">#pun .tc2, #pun .tc3 {background-image: url("http://s11.radikal.ru/i184/1005/c9/8fd90cafeaf1.jpg");}
}
</style>
<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 80px; height: 80px; border-style: none; background-image: url(http://s50.radikal.ru/i127/1005/ca/88ef5b0614ff.png); background-repeat: no-repeat; position: relative; margin-right: 10px;
height: 80px; width: 85px;}
tr.inew div.icon {
background-image : url(http://s39.radikal.ru/i083/1005/22/59d9f247feba.png);
background-repeat: no-repeat; height: 80px; width: 85px;
}
tr.isticky div.icon {
background-image : url(http://s50.radikal.ru/i127/1005/ca/88ef5b0614ff.png);
background-repeat: no-repeat; height: 80px; width: 85px;
}
tr.iclosed div.icon {
background-image : url(http://s50.radikal.ru/i127/1005/ca/88ef5b0614ff.png);
background-repeat: no-repeat; height: 80px; width: 85px;
}
</style>
<style>
#pun-announcement .container {font-size:10px;}
</style>
<style type="text/css">
#pun-category1.category h2 {
background: url(http://s001.radikal.ru/i196/1005/45/bb3d6c10a7d7.png) no-repeat top center;
height: 30px;
}
#pun-category2.category h2 {
background: url(http://i080.radikal.ru/1005/c5/dd6de1b7c5e2.png) no-repeat top center;
height: 30px;
}
#pun-category3.category h2 {
background: url(http://s41.radikal.ru/i091/1005/b8/d6ef1657f5ec.png) no-repeat top center;
height: 30px;
}
#pun-category4.category h2 {
background: url(http://s02.radikal.ru/i175/1005/e4/32e78b754fba.png) no-repeat top center;
height: 30px;
}
#pun-category5.category h2 {
background: url(http://s58.radikal.ru/i161/1005/cd/a618bcc5c3a2.png) no-repeat top center;
height: 30px;
}
</style>
<style type="text/css"> #pun-main h2 {color: #626262;
}
</style>
<style type="text/css">
#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin
#pun-admain h2, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-color: transparent !important;
background-image: none;
}
</style>
<style type="text/css">#sidebar
{
display: block;
width: 250px;
height: 500px;
margin: 12px;
float: left;
border: 0px solid;
position: relative;
z-index: 0;
top: -150px;
padding: 0;
}</style>ХТМЛ-низ
Код:
</div></div></div></td></tr></table><div><div>
Объявление
Код:
</div></div></div><table width="100%" ><tr><td id="sidebar"><font style="font-weight: normal; font-size:7.5pt; color:#000000; line-height:6.0pt; font-family: Verdana;"> <img src="http://i062.radikal.ru/1005/43/09cce80e28a6.png"><br> Мы рады приветствовать вас на ролевой<br> по мотивам всемирно известной книге, о мальчике волшебнике, автором которому является Дж. К. Роулинг. Действия игры разворачиваются под конец 97-го года, когда, казалось, ещё совсем юный Гарри Поттер ступил на последнею<br> завершающую планку обучения в школе чародейства и волшебства Хогвартс. Вот только то, что поджидает его на пороге замка, не самый приятный сюрприз.<br><br> <a href="http://prisoners.rolka.su/viewtopic.php?id=145#p6084">Правила</a> | <a href="http://prisoners.rolka.su/viewtopic.php?id=6">Сюжет</a> | <a href="http://prisoners.rolka.su/viewtopic.php?id=3">Роли</a> | <a href="http://prisoners.rolka.su/viewtopic.php?id=9#p13">Шаблон</a><br><br> <img src="http://s08.radikal.ru/i181/1005/13/4d58290beb05.png"><br> <b>Дата:</b> 2 сентября 1997 год.<br> Среда. 10:00-12:00.<br> <b>Погода:</b> приятно видеть, что по крайней мере погода не стала портить студентам Хогвартса настроение, в преддверие первых занятий только что начавшегося года. Утро предполагается солнечным, днём температура подымется до +20-30 градусов, поэтому можете не боясь оставить свои мантии в общежитии. Ну а ночью ожидается небольшое<br> похолодание.<br> <b>События:</b> рано утром второго сентября ученицу шестого курса на факультете Рейвенкло безжалостно и хладнокровно убили. Бедняжка, наверное, даже не успела понять, кто жаждет ее смерти, кто решил свести с ней старые счеты или просто поразвлечься, лишив её жизни. Разумеется, такое происшествие<br> повергло в ужас не только всю школу,<br> но и весь Лондон в целом. Многие родители тут же забрали свое дитя, испугавшись за будущее ребенка, многие же оставили его на волю судьбы, потому что до сих пор считали, что это<br> несчастный случай, жуткое<br> недоразумение, ведь Хогвартс был и<br> будет самым защищенным замком, возможно даже, на всем острове. <br>©<b>Alecto Carrow</b><br><br> <img src="http://s003.radikal.ru/i201/1005/ff/4969eb7967c2.png"><br> Гриффиндор 0<br> Слизерин 0<br> Рейвенкло 0<br> Хаффлпафф 0<br><br> <img src="http://s43.radikal.ru/i101/1005/94/02fe6a08c9d4.png"><br> «Рада видеть еще одного человека, у которого на лице не написано <да здравствует конец света>, - хихикнула Каролина, сладко потягиваясь в кресле. - Еще две недели подобных физиономий вокруг - и я начну кусаться.»<i>©Carolina Fox</i> <br><br> <img src="http://i078.radikal.ru/1005/62/223365cd2ff2.png" > <a href="http://prisoners.rolka.su/profile.php?id=3">Hermione Granger</a> — дизайнер.<br> <a href="http://prisoners.rolka.su/profile.php?id=8">Twiggy Howart</a> — заведует акциями.<br> <a href="http://prisoners.rolka.su/profile.php?id=9">Harry Potter</a> — смотритель.<br> <a href="http://prisoners.rolka.su/profile.php?id=43">Alecto Carrow</a> — квестополёт.<br> <a href="http://prisoners.rolka.su/profile.php?id=44">Ron Weasley</a> — мастер по пиару.<br><br> <img src="http://s49.radikal.ru/i123/1005/c4/6d0580e4e11f.png" ><br> Благодарим форум <i>xmengame</i> за идею переноса оформления с иностранных ресурсов, а также форум <i>tallygarunga academy of magic</i> за идею цитаты недели.<br><br> Для корректного отображения всех элементов форума используйте браузеры<br> <b>Mozilla Firefox</b>, <b>Internet Explorer</b> или <b>Google Chrome</b>. Желательное расширение экрана от 1024Х768 и больше.<br><br> designed by <b>Hermione Granger</b><br><br> <center><a target="_blank" href="http://prisoners.rolka.su/misc.php?action=rules"><img src="http://s48.radikal.ru/i121/1005/ad/03a82a61ac35.png" ></center></a> </font></td><td style="padding: 0px;"><div><div><div>
Помогите пожалуйста решить эту проблему. Заранее спасибо.
Отредактировано Shibai1993 (Пн, 24 Май 2010 12:11:46)
