[Вопрос] Картинка в фоне

03-21-2011, 12:17 AM

Привет.
Я меняю стандартный дизайн форума, редактирую шаблоны FORUMHOME, FORUMDISPLAY, SHOWTHREAD. Вырезаю ненужные блоки и т.д.
Засовываю весь форум после <body> и до </body> в таблицу шириной 80%, у <body> ставлю

PHP Code:


			
style="background-image: url(большая картинка фона); background-attachment: fixed; margin-left: 0px; margin-right: 0px; background-repeat: no-repeat;"

Все отображается на первый взгляд правильно, но в подразделе FORUMDISPLAY маленькая высота контента и страница "кончается" посередине экрана. Пытался добавить в стиль <body> height: 100%;, пытался у таблицы прописать height на 100%, не выходит.
Скриншот во вложении.
Может, это можно осуществить проще?

И еще один вопрос, не относящийся к теме. У меня единая авторизация форум-сайт (самописный движок), есть админка добавления новостей. Новость попадает на главную и сразу же создается тема на форуме для обсуждения. А можно ли как-нибудь вызвать загрузчик вложений воблы из стороннего скрипта? Чтобы загружать картинки к статье и сразу их вставлять в текст.

Спасибо за внимание.

03-21-2011, 12:36 AM

Eliminator, свойства margin-left и margin-right можно заменить на margin:0px. Далее, высоту 100% нужно указывать не для body, а для таблицы, в которую вы "засунули" весь контент, но а вообще лучше использовать не таблицу, а div для этих целей.

03-21-2011, 01:48 AM

Спасибо за совет с margin. Теперь делаю так:

PHP Code:


			
<body style="background-image: url(большая картинка); background-attachment: fixed; margin: 0px;">

<div style="height: 100%; width: 80%; margin-left:10%;">

Тут много кода шаблона

</div>

</body>

Это не убрало вышеописанную проблему. height: 100% не работает? Если поставить вместо 100% 1000px, то он растягивается. Но мне надо "на весь экран".

UPD
Кажется заработало. Добавил <style>html, body {height: 100%;}</style>. Это можно как-нибудь внести в css-файл через админку?
UPD2
Это оказалось не лучшей идеей. Если страница больше, чем экран, фон рисуется только на облась экрана. Так что не подходит.

03-21-2011, 02:35 AM

Quote:

Originally Posted by Eliminator

Кажется заработало. Добавил <style>html, body {height: 100%;}</style>. Это можно как-нибудь внести в css-файл через админку?

Можно. В 3 внести в соответствующие селекторы. В 4 нужно смотреть css-файлы, которые в шаблонах, насколько я знаю.

Quote:

Originally Posted by Eliminator

Это оказалось не лучшей идеей. Если страница больше, чем экран, фон рисуется только на облась экрана. Так что не подходит.

Разумеется, Вы же установили background-attachment: fixed. Вы хотите, чтобы фон не прокручивался вместе со страницей?

03-21-2011, 02:58 AM

Quote:

Originally Posted by OldEr

Разумеется, Вы же установили background-attachment: fixed. Вы хотите, чтобы фон не прокручивался вместе со страницей?

Хорошо бы, чтобы фон оставался зафиксирован на экране, а страница прокручивалась сверху.

03-21-2011, 09:04 AM

Quote:

Originally Posted by Eliminator

Хорошо бы, чтобы фон оставался зафиксирован на экране, а страница прокручивалась сверху.

Тогда всё верно. Фон у вас будет оставаться по размеру окна браузера, а вся страничка будет прокручиваться.

03-21-2011, 01:22 PM

Quote:

Originally Posted by OldEr

Тогда всё верно. Фон у вас будет оставаться по размеру окна браузера, а вся страничка будет прокручиваться.

Спасибо, капитан очевидность!
Моя проблема в том, что если страница меньше, чем окно браузера, она (и ее фон) заканчивается на копирайтах. А если она больше, то все нормально. Думаю, нужно как-то ее растягивать до высоты браузера, если она меньше. Но как

03-21-2011, 06:45 PM

Eliminator, <div style="height:100%;">страница</div> должно работать. При условии, что body и html никак не ограничены.

03-21-2011, 06:50 PM

Я че-то не понял извращения с добавлением нового дива и вставкой кода в шаблон.
Почему все это не сделать через админку - переменные стиля?

03-21-2011, 07:52 PM

a_n_d_y, потому что height:100% ни для html, ни для body не даст желаемого результата.