Добрый день. В общем есть у нас такой форум. Он более-менее популярный, за месяц с 1000+ места вышли на 160+, в списке форумов playbb.ru один с наиболее активных. Я лично администрирую данный форум, уже много в чем разобрался, сделал красивые ранги, добавил игры и т.д. при желании можете посмотреть, в общем суть моего сообщения:
хочу вставить чат и календарь на форум в боковую панель, в принципе я уже ее вставлял, и все прекрасно работает, но на разрешении 1280х1024. Если сделать 1024х768 то нельзя нажимать кнопочки администрирование и т.д. Вот что вставляю в html верх
<style>
#pun {
margin: auto auto auto 220px;
width : 965px;}
.sidbar {background: #97796F url(none); width: 210px; height: auto; border: 1px solid; position: absolute; z-index: 1000; top: 210px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: #97796F url(none); 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;}
body {
background: #97796F url(http://upforme.ru/uploads/000e/bf/32/1884-1-f.jpg) no-repeat 84% 0% !important;
padding-top: 209px !important;
}
</style>
<div class="sidbar"><h2>Текущее время</h2><br><p><iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr12.htm" height="174" width="164" scrolling="no" frameborder="0"></iframe><br><br><SCRIPT language=JavaScript>
<!--
d0 = new Date('February 09, 2011');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<b>Наш форум живет</b> ' + Math.round(dt) + '<b>-й день.</b>');
-->
</SCRIPT></p>
<p><br></p><p><br></p>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=3974069&boxtag=rwcw5k&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=3974069&boxtag=rwcw5k&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></div>Сейчас у меня на форуме такой код:
<style type="text/css">
#pun {
width: 965px;
margin: 0 auto;
}
html {
background: #97796F url() repeat-y top center !important;
}
body {
background: transparent url(http://upforme.ru/uploads/000e/bf/32/1884-1-f.jpg) no-repeat top center !important;
padding-top: 209px !important;
}
</style>и все нормально отображается и на 1280х1024 и на 1024х768
Если кто может напишите правильный код для html верха, чтоб работало на любом разрешении, и если не сложно код для html низа, чтоб в низ форума корректно вставить такую картинку
и ссылку не помешало бы..
