[Вопрос]

Поправил немного в коде и css и вставил свою шапку шириной примерно 1200px, теперь при заходе с большего разрешения шапка остается такого размера, а сам форум тянется. И наоборот, если разрешение меньшее, то шапка урезается слева. Как лучше поступить в этом случае? Где что поправить?

Originally Posted by vbulker

Поправил немного в коде и css и вставил свою шапку шириной примерно 1200px

А в процентах не пробовали указать ширину?

Имеете ввиду ширину форума в процентах? С радостью это сделаю, скажите пожалуйста где

шапку в CSS бэкграундом

Так я ее ставил целиковой картинкой ведь шириной 1200? Подскажите пожалуйста, что там именно в css указать? Вроде бэкграндом картинка и указана

Надо сделать ширину форума такой же, как ширина картинки в шапке. Это прописывается в админке: Стили и шаблоны - Все опции стиля - Основная ширина таблиц
Попробуй туда написать 1216px

Originally Posted by vbulker

Так я ее ставил целиковой картинкой ведь шириной 1200? Подскажите пожалуйста, что там именно в css указать? Вроде бэкграндом картинка и указана

То, что предложил сделать kerk, можно сделать через Админпанель - Стили и шаблоны - Управление стилями - выбрать напротив Вашего стиля "редактировать переменные стиля" и нажать на кнопку "вперёд". Найдите в списке переменную header_background и укажите фоновым изображением ссылку на Вашу картинку.

Не знаю как в четверке, но у себя на тройке в "Основной таблице CSS" в дополнительных атрибутах для класса body прописал min-width и max-width. При этом во "Всех опциях стиля" везде стоит 100%. На широких дисплеях все таблицы подстраиваются под max-width, а для минимально гарантированного для нормального просмотра разрешения 1024 подобрал min-width. Фоновая картинка обрезается слева-справа (или только с одной стороны - как задашь в стиле). Но это надо иметь картинку, которая особо не потеряет ничего при обрезаниях...

Спасибо, решил проблему так:
в Body CSS дополнительных атрибутах написал:
padding: 0px;
min-width: 1000px;
max-width: 1225px;
margin: 0 auto;

А в бэкграунде добавил строку чтоб картинка обрезалась справа когда разрешение меньше background-position: top left;

vbulker добавил 25.04.2015 в 08:54
Помогите! Теперь захотел сделать шапку кликабельной и поэтому убрать из css background.
Но теперь сбилось резиновость шапки.

ВОТ ЭТО У МЕНЯ В Header сейчас прописано

<!-- logo -->
<div id="wrapper">
$spacer_open
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="header">
<tr>
<td align="$stylevar[left]" valign="bottom">
<div class="header"><a href="http://www.bgmoney.ru"><img src="morbid_blueb/morbid_b/bgimg.png" border="0" alt="$vboptions[bbtitle]" /></a></div></td>
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->


$_phpinclude_output

$ad_location[ad_header_end]

А вот так в CSS:

.header {
padding:0;
min-width: 1000px;
max-width: 1225px;
margin: 0 auto;

}

Подскажите в чем проблема? При открытии с разрешения 1024 к примеру, не меняется ширина шапки (не урезается). Где я допустим ошибку или где надо дописать что-то?

Originally Posted by vbulker

Подскажите в чем проблема? При открытии с разрешения 1024 к примеру, не меняется ширина шапки (не урезается). Где я допустим ошибку или где надо дописать что-то?

Добавьте атрибут width сюда:

<img src="morbid_blueb/morbid_b/bgimg.png" border="0" alt="$vboptions[bbtitle]" />

Но лучше лого делать не более 1024 пикселов (тогда его не нужно масштабировать), а добивать его до полной ширины на любом разрешении картинкой-фоном шириной в 1 px.
Т.е. типа такого:

<table background="/forum/images/misc/background.jpg" width="$stylevar[outertablewidth]" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><a href="/"><img src="/forum/images/misc/logo.jpg" border="0" alt="$vboptions[bbtitle]"></a></td>
</tr>
</table>