XF 2.1 Зафиксировать края шапки

[MrBurn]

Привет. Не могу вспомнить как зафиксировать кря по ширине форума. Чтобы не уходилы в безконечность не зависимо от экрана. Стиль Default.

 

[HAIM]

Как вариант:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

код шапки

 

[MrBurn]

Как вариант:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Пробовал и в этом роде. Оно делает отступ от края. Но на другом расширении будет беда всеравно.

Семен Семеныч, там не только шапка, там и стаф панель и меню.
Я помню решение было на первой ветке xf, но это было года 3 назад. Я облазил темы где примерно это обсуждалось но не нашел.

 

[Skaiman]

MrBurn, как помочь, если понятия нет как вообще шапка твоя установлена? Можно в настройки логотипа сунуть, можно фоном в extra.less. Вот поэтому и спросил. А какое было решение, для какой ветки, я понятия не имею.

 

[MrBurn]

Семен Семеныч, давай на секунду представим что у меня нет шапки. Посмотрим на стиль данного форума. Как синюю ленту замостить под размеры тела всего форума.

 

[Skaiman]

Лан проехали :) мости :)

 

[MrBurn]

Думаю вот так будет понятней мою суть. Где крестик красный, нужно избавиться от этой части, тобишь полностью верх выровнять со всем форумом.

 

[Skaiman]

body {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

можно добавить

.p-body-inner {
    padding-left: 0;
    padding-right: 0;
}

 

[DimmmCom]

Как вариант:

.p-pageWrapper {
    padding: 15px ~"calc((100% - @xf-pageWidthMax)/2)";
}

Думаю расписывать не надо где лево право и верх низ

Это чтобы не добавлять новый див

 

[Skaiman]

Это чтобы не добавлять новый див

так ни кто и не добавлял :)

 

[DimmmCom]

так ни кто и не добавлял :)

Так я и не говорю что кто то добавлял, просто можно обернуть все в новый див, но тогда надо править PAGE_CONTAINER, а мой вариант чисто CSS

 

[Skaiman]

DimmmCom, отступ сверху и снизу идет, да и смысл калькулятор делать, можно просто переменную настроек использовать

.p-pageWrapper {
    width: 100%;
    max-width: @xf-pageWidthMax;
    margin: 0 auto;
}
.p-body-inner {
    padding-left: 0;
    padding-right: 0;
}

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

 

[DimmmCom]

да и смысл калькулятор делать, можно просто переменную настроек использовать

Вводим в максимальную ширину страницы 90% и удивляемся )
Смысл калькулятора в том, что он работает с разными единицами измерения.

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

Только если в @media вернуть их обратно, а то на мобильном не очень.

 

[Skaiman]

.p {
    &-pageWrapper {
        width: 100%;
        max-width: @xf-pageWidthMax;
        margin: 0 auto;
        padding: 0 @xf-paddingLarge;
        @media (max-width: @xf-responsiveEdgeSpacerRemoval) {
            padding: 0;       
        }
    }
    &-body-inner {
        padding-left: 0;
        padding-right: 0;
        @media (max-width: @xf-responsiveEdgeSpacerRemoval) {
            padding: 0 @xf-paddingLarge;       
        }   
    }   
}

 

[DimmmCom]

Надо удаляться из темы ))) Остановимся на 18 строчках кода )
С процентной шириной страницы всё-равно дружить не будет.

 

[MrBurn]

Спасибо всем за советы, уже сделал всё через объявление каждой переменной.