Просмотр форума с мобильного устройства

**NO SWEAR** » 04.06.2013, 12:17

Всем доброго времени суток. Есть проблемка в просмотре форума с мобильного браузера. Так вот при просмотре phpbbex.com форум растягивается на весь экран а при просмотре моего форума он весь собирается в левой части экрана и остается свободное пространство. Изменения в коде минимальны и касаются только картинки в хедере. И ограничении ширины форума от максимальной 1980 до минимума 875. Минимум такой стоит и в дефолтной установке форума. Так вот хотелось бы понять в чем загвоздка, куда следует копать?

**factotum** » 04.06.2013, 17:36

NO SWEAR, еще бы скрин "мобильного браузера" и ссылку на сабж

**Sumanai** » 04.06.2013, 17:58

NO SWEAR:а при просмотре моего форума он весь собирается в левой части экрана и остается свободное пространство.

Ещё и верхнее меню сломалось. Вы там ссылки добавляли, посмотрите, правильно ли вы их прописали.

factotum:ссылку на сабж

В профиле оно.

**NO SWEAR** » 04.06.2013, 21:52

Скрин форума

Спойлер

Меню ломается только в просмотре с мобильно устройства. Там всего то добавлено пару ссылок.

**factotum** » 05.06.2013, 02:53

NO SWEAR:только в просмотре с мобильно устройства.

Код: Выделить всё: <meta name="viewport" content="width=device-width, initial-scale=1.0" />

играйтесь. Добавлять в <head>

Добавлено спустя 26 минут 23 секунды:
.headerbar {
background-color: #000000;
background-image: url("./styles/prosilver/theme/images/logo_new.jpg") no-repeat center center ;
color: #FFFFFF;
background-size: 100% 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
// для IE:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./styles/prosilver/theme/images/logo_new.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./styles/prosilver/theme/images/logo_new.jpg', sizingMethod='scale')";
}

**NO SWEAR** » 05.06.2013, 10:23

background-size: 100% 100%; убрал ничего не изменилось. А насчет строчки кода попробую чуть позже. Тк с работы нет времени посидеть потестить.

Добавлено спустя 29 секунд:
Кеш чистил

**factotum** » 05.06.2013, 16:05

Сравните мой кусок кода CSS со своим.

**NO SWEAR** » 05.06.2013, 22:14

вроде решил проблему. спасибо всем кто показал в каком направлении копать.

кому интересно: вся проблема из за прозрачного лого. точнее из за размеров. уменьшил ширину до 900 пикселей и всё стало показывать как надо. и менюшка встала на место.лишние ссылки в меню буду убирать в выпадающие менюшки

**factotum** » 06.06.2013, 18:52

NO SWEAR, не знаю что Вы хотите, но краткая экскурсия в консоли показала:

Код: Выделить всё: <div class="headerbar"> <div class="inner"><span class="corners-top"><span></span></span> <div id="site-description"> <a href="./index.php?sid=3605791b17bc4a53f1af6532e56cc152" title="Игровые сервера SN-Team - Форум игровых серверов Counter-Strike Source от SN-Team" id="logo"><img src="./styles/prosilver/imageset/site_logo.png" width="900" height="180" alt="" title=""></a> </div> <span class="clear"></span></div> </div>

1. Может не в теме, но зачем Вам в ссылке на главную SID? По случаю не администратора?
2. Ваша реализация шапки лишила форум названия и описания

Добавлено спустя 11 минут 33 секунды:
со вторым вопросом ясность. Улучшение референсного phpbbex

**NO SWEAR** » 07.06.2013, 07:15

По поводу sid нужно Veg спрашивать тк я там ничего не менял.

**VEG** » 07.06.2013, 11:58

NO SWEAR, скорее всего sid появился из-за того, что это первая страница, которую вы открыли. Один раз форум это делает на случай, если у вас отключены cookies. Если же sid появляется постоянно, то проверьте настройки cookies в админке.