Аномалии шапки и футера.

Доброго времени суток.
С футером и с шапкой сайта творятся странные вещи: если браузер развернут - всё нормально. Если же его сузить - та часть футера и шапки, которые остались вне поля зрения, обрезаются. То есть, если в браузере начать прокручивать страницу сайта к той части, которая не влезла в его окно, вместо шапки и футера - пустота. Отображается лишь та их часть, которая влазит в рамки окна браузера.

Вроде бы в коде шапки и футера всё правильно:

#header {
background: transparent url(../img/header_bg.jpg) center top;
height: 140px;
margin: 0px auto;
}

#footer {
position: relative;
margin-top: -100px;
height: 150px;
clear:both;
background: #3b3b3b;
color: #CCC;
}

Где искать ошибку - без понятия. Может кто-то сталкивался с подобным? Подскажите пожалуйста)

Коментарів:

4

Коментувати

Увійдіть або зареєструйтесь, щоб додати коментар

Коментарі

Для об'єктів які хочеш вирівняти посередині за допомогою margin треба вказувати ширину (width)

Точно, проблема в этом, но из-за слабоватых знаний CSS я не могу понять, как в таком случае растянуть шапку и футер на весь экран.

Якщо тобі треба просто розтягнути на весь екран, то вкажи поточному елементу width 100% і всім хто вище по ієрархії теж по 100%.
А якщо хочеш щоб хейдер і футер був посередині, наприклад шириною 1100 і щоб при згортанні вікна воно не вилазило за розміри вікна (не з'являвся горизонтальний скрол) копай у бік min-width, max-width.

можно ссылку на страницу с проблемой

Предлагаем услугу,по добавлению/удалению +/- отзывов, о Вашей компании,продукции,услугах.
Также видео-отзывы.Любой человек который собирается что либо купить, или заказать (товар/услугу) - сначала вбивает в поисковую строку следующую фразу - Отзывы о компании,фирме и тут можете быть именно Вы!
И если человек видит положительные отзывы или отрицательные, он сразу же принимает решение! Какое? Всё зависит от Вас!
Также удалим любой негатив из сети. Заинтересовало? Пишите обсудим vastutnet2017(собачка)mail(точка)ру.ICQ 710891566 сайт vastutnet(точка)ру. https://goo.gl/J5Zjr6

Дата отзыва: 9 января 2017. Отзыв: Леовит худеем за неделю Отлично!Реально похудеть если ты не лентяй! Достоинства: Удобно,легко и просто mangoo77.mangoosteen.com