Фиксированное меню?

Question

[smoklew]

Всем привет!
Возникает следующая проблема, фиксирую меню сверху (position:fixed) после чего элементы которые шли ниже сдвигаются вверх под это меню, как мне сделать чтобы всё шло упорядочно, но в то же время меню было фиксированным.Разница на картинках

Answer 1

[Ilya Korablev]

О, знакомая проблема. То, что под меню (было бы логичнее назвать header) надо прописать padding-top.
Пример.

Comments

[smoklew]

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

[Ilya Korablev]

smoklew: background-size: 100% 100%; (именно два раза 100%) background-repeat: no-repeat.

Как-то так.

[Ilya Korablev]

smoklew: и background-attachment: fixed припишите

[Ilya Korablev]

smoklew: ну это к body, естественно (если у вас для него стоит фон)

[smoklew]

Ilya Korablev: всё равно картинка не сдвинулась вниз, если есть возможность добавься в скайп autor4n

[Ilya Korablev]

smoklew: скажите ваш ВК

[smoklew]

Ilya Korablev: vk.com/smoklew

Answer 2

[Алексей Николаев]

Когда добавляете position: fixed, добавляйте также padding-top, равный высоте меню, к body или главному контейнеру.

Comments

[smoklew]

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

[Алексей Николаев]

smoklew если хотите смещать и фоновое изображение, вам потребуется либо смещать его при помощи background-position, либо вместо padding-top напишите position: relative, top: X, где X - высота меню. Первый вариант предпочтительнее.

Answer 3

[smoklew]

Добавил к контейнеру padding-top, текст сместился а само изображение фоновое нет.

Comments

[Павел Беляев]

body {
background:url('/////') no-repeat left 50px;
}

Answer 4

[Дмитрий]

Задайте для контейнера значение margin-top равное высоте меню.