Снова здравствуйте,возник вопрос по шапке сайта,появилась проблемка)) И вот невзначай пока пишу сообщение увидел то же самое на на данном форуме))Уж теперь не знаю писать или нет.))Ладно,вообщем шапку сделал от края до края как и тут у вас,и такая проблема когда сужаешь окно браузера до появления скролла и начинаешь прокручивать в право шапка как будто отрезается и виден фон,вот к примеру на вашем форуме если сузить окно браузера и прокрутить скролл в право можно увидеть что шапка обрезалась,видимо с этом уже ничего не поделать?
з.ы шапка прописана в css
(27-07-2014 16:04)Ox1de писал(а): [ -> ]когда сужаешь окно браузера до появления скролла и начинаешь прокручивать в право шапка как будто отрезается и виден фон,вот к примеру на вашем форуме если сузить окно браузера и прокрутить скролл в право можно увидеть что шапка обрезалась
Здесь это из-за великоватой картинки в шапке где идет надпись "Форум сайтостроителей". Но в принципе, тут расчет на то что обычно так сильно сжимать окно браузера никто не будет, даже на смартфоне этот сайт выглядит нормально.
(27-07-2014 16:04)Ox1de писал(а): [ -> ]видимо с этом уже ничего не поделать?
Можно сделать картинку меньше, а ещё можно попробовать добавить к стилю шапки такую фишку:
Код:
.logo img {max-width: 100%;}
Тогда эта картинка будет "резиновая" и по идее должна сжиматься вместе с окном сайта.
и еще,какая длина должна быть что бы картина была от края до края я имею ввиду по горизонтали
Раньше делали в зависимости от разрешения мониторов под которые делается сайт, делали исходя из минимального. Сейчас принято не задавать конкретные размеры, а прописывать в процентах и в таком случае не важно какая по ширине сама картинка.
вот прописал такой код
#topmenu {
float:left;
min-width:942px;
max-width:1920px;
width:100%;
height:134px;
background: url(../images/bg-top.jpg) 0 0 no-repeat;
теперь при сворачивании браузера шапка не обрывается,но появилась другая проблема если с права на шапке написать что-то, то опять же при сворачивании браузера эта надпись уходит вправо и ее невидно
Попробуйте сделать width меньше 100%, например 90%.
Попробуйте сделать width меньше 100%, например 90%.
тогда при полно размерном окне картинка орбезается
Ну так при width:90% соответственно и max-width надо меньше сделать или тоже в процентах это задать попробуйте.
нет похоже при помощи css это не решить) при тех настройках которые я указал нигде ничего не обрывается,но если рисунок с права то он автоматически будет уезжать все дальше в право при сужении окна браузера, видимо единственный выход убрать его(
Вам виднее, вы же ссылку на сайт не дали, чтобы можно было посмотреть, а так я могу только догадываться, может быть и можно при помощи CSS это решить
