шапка не продолжается при горизонтальнйо прокрутке

[Diletant]

http://www.serviceprint-novoros.ru/

Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить?

АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало

Edited October 19, 2014 by Diletant

[Switch74]

У меня все отображается

последний Хром

Edited October 20, 2014 by Switch74

[Diletant]

У меня все отображается

последний Хром

ну это потому что я добавил min-width

[Switch74]

вам бы для main сделать min-width

1. вы в корне начали не особо верно верстать, подобного рода верстка имеет право на существование, но абсолютно позиционированный контент - это не очень хорошо. В вашем случае он как раз отображается верно, как у вас и задумано, но вот шапка немного ломается.

2. посмотрите размеры main в инспекторе при маленьких размерах окна и вы поймете почему происходит этот косяк

[Diletant]

вам бы для main сделать min-width

1. вы в корне начали не особо верно верстать, подобного рода верстка имеет право на существование, но абсолютно позиционированный контент - это не очень хорошо. В вашем случае он как раз отображается верно, как у вас и задумано, но вот шапка немного ломается.

2. посмотрите размеры main в инспекторе при маленьких размерах окна и вы поймете почему происходит этот косяк

Да я понимаю что начал неверно вот и хотелось бы узнать как все исправить так как уже поднадоело "фиксить" баги через попу, хочется чтобы все было проще и правильно, спс

[Switch74]

чтобы все было проще и правильно:

делаете размеры для своего холста, на котором собираетесь "рисовать" сайт, они могут быть жестко ограничены или в процентах,

очень хорошо было бы указать min- и max-width, если вы хотите оптимизировать отображение вашего сайта на разных разрешениях используйте media

старайтесь использовать блоки в потоке идущие друг за другом, не используйте для их позиционирования absolute

 

в вашем случае я бы сместил шапку чуток влево, а то визуально кажется, что оно съехало относительно контента