Вопрос по Siedbar

Поделиться1Ср, 18 Ноя 2009 14:41:22

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

Вопрос в теме по этой панельке остался без внимания, поэтому решила перенести его в тему, авось так заметят быстрее.
Дублирую:

вот почему так происходит?

ставлю вот этот код, поменяла только ширину самой панельки, но стиль растянулся еще до этого изменения
Код:
<style>
#pun {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {background: none transparent; width: 212px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); 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;}
</style>
<div class="sidbar">...</div>
стиль mybb ideas, адрес форума http://thedarkbeginnings.mybb.ru/

помогите разобраться (((

0

Поделиться2Ср, 18 Ноя 2009 14:49:16

Автор: Kawaii Nyak
Заслуженный
Зарегистрирован: Чт, 25 Июн 2009
Сообщений: 196
Уважение: +45
Позитив: +52
Пол: Женский
Последний визит:
Вт, 21 Дек 2010 13:51:09

Suzi
Надо просто подогнать под размер)

0

Поделиться3Ср, 18 Ноя 2009 15:16:59

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

Kawaii Nyak
подгоняла. да видимо не в тех строчках потому что изменения не наблюдаются(((

0

Поделиться4Ср, 18 Ноя 2009 17:20:36

Автор: Lazary
--- лучи добра ---
Зарегистрирован: Вс, 15 Окт 2006
Сообщений: 628
Уважение: +583
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 10 Окт 2019 11:21:25

<style type="text/css">
html, body {
background: #211010;}

#pun_wrap {
background: url(http://thedarkbeginnings.mybb.ru/img/Mybb_Ideas/bg.gif) repeat-y top center #211010;
margin-left: 172px;
width : 848px;}

#pun {
width: 800px;}

.sidbar {
background: transparent;
width: 170px;
height: auto;
min-height: 600px;
border: 1px solid;
position: absolute;
z-index: 1000;
top: 0px; left: 5px;}

.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: transparent url(http://i041.radikal.ru/0908/f8/606ac58d6426.png);
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;}
</style>

margin-left: 172px - отступ от левого края экрана. Значение должно быть больше чем ширина sidebar в среднем на 2-3 пикселя.
width: 800px; - ширина основной таблицы форума. Регулировать не рекомендуется, так как у фонового изображения фиксированая ширина.
width: 170px - ширина sidebar.
height: auto; - высота sidebar
min-height: 600px; - минимальная высота sidebar если он ничем не заполнен.

Сейчас все значения отрегулированы, и отображение форума одинакого на всех разрешениях.
Тестировалось в Opera 10

+2