Решено Проблемы с шириной сайта

[depizi]

Вот обновил шапку на форуме, у меня конечно же все нормально (1-я картинка), а вот у другого пользователя наоборот(2-я).

Видимо это связано с разрешением экрана.
Но как быть в таком случае?

 

[Nappsel]

S4nek, вы конечно молодец, что всё замазали, но как вам помогать теперь? По скриншотам? Быстрее было бы взглянуть на живую версию и через инструменты браузера инспектировать элемент.

 

[GarrySt]

Так картинка то имеет четкие размеры. У второго пользователя разрешение крана выше значительно, вот и имеем такое.

Как выкручиваться - способов море на самом деле. Но для этого надо очень хорошо владеть css

Что бы я делал? Через @media и max-width: подкладывал бы разные картинки в бэкграунд. Кривовато конечно, но я сам не большой спец.

 

[depizi]

S4nek, вы конечно молодец, что всё замазали, но как вам помогать теперь? По скриншотам? Быстрее было бы взглянуть на живую версию и через инструменты браузера инспектировать элемент.

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

- не реклама.

 

[Nappsel]

S4nek, в шаблоне logo_block удалите из строчки:

<div style="display:block;position:absolute;right:0;top:0px;">

right:0;
Но у вас изображение для полного заполнения хедера слишком маленькое в ширину. Поэтому либо нужно перерисовывать, либо обрезать по ширине тела форума, чтобы смотрелось.

 

[depizi]

Nappsel, понял, но по какому принципу делать перерисовку? Не подскажите? Как точно разметить там и так далее.

 

[Nappsel]

S4nek, вообще, я бы посоветовал разделить логотип и фон. То есть фон сделать 1920x200(150), а лого потом добавить отдельно поверх фона и просто отцентровать.

 

[depizi]

Nappsel, т.е, в logo_block засунуть фон, а поверх него логотип?

 

[Nappsel]

S4nek, там где у вас сейчас находится картинка, там оставить только логотип и отценровать его. А к диву что я упоминал выше, добавить свойства background:(url); и указать ссылку на фон.

 

[depizi]

Nappsel, спасибо большое, сейчас попробую :)

Nappsel, не получилось(( все наоборот перекосило

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

 

[Skaiman]

<div style="display:block;position:absolute;right:0;top:0;left:0;bottom:0;">
    <a href="/"><img src="http://i.imgur.com/eHc3sxC.gif" alt="Лого"></a>
</div>

но там картинку надо делать с плавным переходом на цвет фона

 

[Nappsel]

Nappsel, не получилось(( все наоборот перекосило

нет другого варианта?

И это вполне рабочий вариант. Скорее всего проблема в реализации, потому что я средствами браузера сделал произвольный логотип по центру, а на фоне картинку.

Попробуйте вариант от Skaiman, но там у вас вся шапка будет кликабельная и картинку всё рано нужно будет шире делать.

 

[Skaiman]

Попробуйте вариант от Skaiman, но там у вас вся шапка будет кликабельная и картинку всё рано нужно будет шире делать.

абсолютное позиционирование :) лучше конечно фон сделать для pageContent, что дали, то и правил :)

картинку всё рано нужно будет шире делать.

картинку не сделаешь по ширине на все экраны, надо как я выше написал, края плавным переходом на фон

 

[depizi]

Skaiman, вот здесь как-бы эффект размытости??

Skaiman, вот здесь как-бы эффект размытости??

а если вот такая штука появляется?))

 

[Skaiman]

я ж сказал, не надо делать абсолютное позиционирование, фоном, а лого само по себе и будет лучше

 

[depizi]

Skaiman, :-D

Вообще вопросов нет теперь, но вот как убрать эту сероватость? :D

 

[Skaiman]

но вот как убрать эту сероватость?

сероватость, это полоса прокрутки :) но почему такого размера :) пипец наковырял ты

 

[depizi]

сероватость, это полоса прокрутки :) но почему такого размера :) пипец наковырял ты

:(
Люблю ковырять, че)

Решил проблему, убрав вертикальную полосу прокрутки (измененную). Теперь вопрос: как убрать горизонтальную полосу?)) Видимо, там нужно увеличить ширину сайта, но я пробовал менять размеры в "Адаптивный дизайн" - ничего не изменилось.

 

[Skaiman]

Видимо у тебя вообще нарушен адаптивный дизайн, раз появляется горизонтальная полоса прокрутки :)

 

[depizi]

Skaiman, но я сбрасывал настройки адаптивного дизайна :O_o:

Skaiman, а может это из-за слишком длинной шапки? :)

Все решил, спасибо)) дело в шапке)