Добрый день. В общем есть у нас такой форум. Он более-менее популярный, за месяц с 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://forumupload.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://forumupload.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 низа, чтоб в низ форума корректно вставить такую картинку