Контент наезжает на шапку

@Strilozokt · Регистрация: 25.09.2013

Студворк — интернет-сервис помощи студентам

Зафиксировал шапку (position:fixed), все получилось, она двигается как нужно, но теперь контент наезжает на нее. Подскажите пожалуйста решение.
P.S. padding-top пробовал.

@VitoAcidrain · 10.11.2013, 11:13

Желательно бы ещё скрины и код.

@Strilozokt · 10.11.2013, 12:11 **[ТС]**

stalegames.com

@Academik · 11.11.2013, 18:01

Сообщение от Strilozokt

Зафиксировал шапку

Что-то на сайте не видно этого.

@VitoAcidrain · 11.11.2013, 18:12

Сообщение от Strilozokt

Зафиксировал шапку (position:fixed), все получилось, она двигается как нужно, но теперь контент наезжает на нее. Подскажите пожалуйста решение.

Если я правильно вас понял, то в css надо добавить:

CSS
1
body {margin-top: <высота шапки>;}

А для шапки добавить position: fixed; top: 0px; left: 0px;

@Strilozokt · 15.11.2013, 22:44 **[ТС]**

Попробовал. Центральный див, при прокрутке, поверх шапки.

@VitoAcidrain · 15.11.2013, 22:47

Сообщение от Strilozokt

Попробовал. Центральный див, при прокрутке, поверх шапки.

А вы это на локальном сервере проверяете?

@Strilozokt · 16.11.2013, 16:10 **[ТС]**

На компьютере, не на хосте

@VitoAcidrain · 16.11.2013, 17:43

Сообщение от Strilozokt

На компьютере, не на хосте

Понятно.
По крайней мере у меня работал метод, который я вам описал.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {margin:0; padding:0; margin-top: 320px;}
#header {width: 100%; height: 300px; background: yellow; display: table; position: fixed; top: 0px; left: 0px;}
#content { background:#ccc; margin: 0 auto;  width: 800px; display: table;}
#footer {width:800px; height:150px; margin: 0 auto; margin-top:20px; background:red;}
</style>
</head>
 
<body>
<div id="header"></div>
<div id="content">
Алекс Экслер
 
Записки невесты программиста
 
И черт меня дернул выйти за него замуж! Ведь сама - не дура! Не уродина! И поклонниками не была обижена. Даже совсем наоборот, вились вокруг косяками. Я его, наверное, поэтому сразу и приметила на той вечеринке. Все мужики вокруг меня так и скачут, приносят шампанское, суют конфетки, приглашают потанцевать. А Сережа как пришел, так сел на диван, поставил перед собой с десяток бутылок пива и стал их по очереди осушать, думая какую-то свою думу. На меня не обратил ни малейшего внимания.
 
Я сначала подумала, что он – секретный физик. Такое же загадочное выражение лица, встрепанные волосы и небрежность в одежде. Представляете, вообще не посмотрел в мою сторону! Меня это так возмутило. Сначала я в пику ему стала вовсю флиртовать с поклонниками, ходила танцевать, один раз даже сбила юбкой бутылку пива ему на колени. Так он и в этом случае на меня не посмотрел. Поднял глаза на хозяйку квартиры и говорит: "Лена, мне бы произвести процесс дегидратации штанов". Лена долго пыталась понять – что она должна сделать с его штанами, но потом сообразила, увела Сережу в ванную, откуда он вернулся в штанах ее мужа-культуриста.
 
Главное, любой бы засмущался, находясь на вечеринке в штанах на пять размеров больше. А этому – все по-барабану. Взял еще пива, попросил бумажку с ручкой и стал что-то быстро писать на листочке.
 
Тут я уже сама не выдержала. Подсела к нему и говорю:
 
- Вы извините, Сергей, что я на вас случайно бутылку пива опрокинула.
 
- Что? – отвечает он. – Я не расслышал. Я отвлекся.
 
- Извините, - ору во весь голос, - что бутылку пива вам на штаны опрокинула!
 
- Это не страшно, - говорит. – Я сам частенько пиво на одежду проливаю. Главное – клавиатуру не залить. Поэтому кружка или бутылка ставится подальше, на край стола, и тут всякие неожиданности могут быть. Я уже привык.
 
- А кем вы работаете, - спрашиваю.
 
- Сисадмином и программером, - отвечает он.
 
- Понятно, - говорю я, ничего не понимая. – А что такое – сисадмин?
 
- Сижу в конторе на сетке. Сетка, правда, барахло – коаксиал. Но они там все жмутся на витую пару. А у нас представляешь – двадцать пять компов! Вот как тут работать на последовательном соединении? Как уборщица шваброй где-нибудь по кабелю шваркнет, так и приходится как пчелке кокосовой по всему офису лазить.
 
- Да, уж! Во дела! – соглашаюсь я. – А на сетке сидеть удобно? Может просто кресло какое-нибудь поставить?
 
- Да ты не въезжаешь, - сердится Сергей. – Я же администрированием занимаюсь. Разделение доступа, то, да се. Секьюрити, там, всякие.
 
- Так ты в секьюрити администратором работаешь! – наконец догадалась я.
 
- Нет, ну как с тобой разговаривать? – вконец обозлился Сергей. – Я же сразу сказал, что работаю сисадмином. Это системный администратор! Поняла?
 
- Поняла, поняла, ты не волнуйся, - торопливо ответила я. – В каждой фирме есть своя система работы. Ты в этой системе работаешь администратором. Правильно?
 
- Ну, типа того, - махнув рукой, согласился Сергей.
 
Я, чтобы разрядить обстановку, пригласила его потанцевать. Тот сначала долго не соглашался, заявляя, что в последний раз танцевал еще до изобретения компьютеров, но потом, все-таки, уломался. Во время танца он непрерывно говорил, но я понимала максимум одно слово из двадцати. Несколько раз прозвучало слово "карта", из чего я заключила, что парень не дурак поразвлечься. Один раз он употребил слово "порт", из которого можно было понять, что его профессия как-то связана с морем. Термин "кабель" указывал на то, что он имеет отношение к электричеству. Короче, такой загадочный парень оказался – это что-то.
 
Под конец танца он настолько раздухарился, что долго изображал на столе с помощью бутылок, банок и столовых приборов какую-то странную структуру, которую назвал "Схемой роутинга почты в нашей сетке". Из чего я поняла, что он также имеет какое-то отношение к почтовому отделению. Видимо, по утрам подрабатывал разноской почты.
 
Честно говоря, я давно хотела познакомиться с таким парнем. Сколько профессий, и это все в одном человеке. Да и не чурается такой тяжелой работы, как разноска почты по утрам. Да и как человек он был довольно симпатичен, особенно если его отмыть и более-менее прилично одеть. Но даже и в таком виде он мне нравился. Целеустремленный, погруженный в себя взгляд, отрешенность от быта, высокий лоб, почти скрытый за спутанными волосами. Он совсем не походил на этих лощеных придурков, моих поклонников.
 
В тот момент я и поняла, что это тот, кого я искала всю жизнь. Привести его в божеский вид я и сама смогу, ибо зачем еще нужны женщины, как не для того, чтобы управлять мужчиной? А там уж постараюсь, чтобы он стал совсем известным ученым, академиком, буду варить ему борщи и ездить с ним в дома отдыха для особенно ценных работников. Если уж парень в свои двадцать с чем-то лет ведет себя как настоящий академик, то что же будет в тридцать-сорок? Нобелевская премия, не меньше.
 
Все это проносилось в моей голове, пока Сергей непрерывно что-то бормотал. Вид у него был совсем одержимый. Волосы всклокочены, глаза горят, пару раз он меня довольно ощутимо ткнул кулаком в бок, объясняя работу какого-то "гейта". Боже, он еще и к авиации отношение имеет! Просто какая-то ходячая энциклопедия, а не человек.
 
Короче, я влюбилась. Попросила проводить меня домой. Пыталась поговорить с ним о литературе. Оказалось, что он довольно начитан, потому что часто ходит в "библиотеку Мошкова". Я спросила – что это за библиотека, и намного ли она меньше Ленинской. Оказалось, что Ленинка с этой библиотекой даже рядом не стояла. Я так поняла, что она где-то на другом конце Москвы. Потом рассказала ему несколько свежих анекдотов, но он заявил, что все их давно уже слышал от профессора Вернера. О! Точно! Я не ошиблась в том, что Сергей вращается в самых высоких научных кругах.
 
По пути нам встретился какой-то молодой человек, который по форме одежды был сильно похож на Сергея. Но оказалось, что он – иностранец, потому нас приветствовал словами: "Хай, пипель!". И тут я поняла, что Сергей в совершенстве владеет английским, потому что он с этим иностранцем с легкостью проговорил минут пять. Они обсуждали какой-то "Рулез", который был "полный кул", и что "мастдаище – сакс полный". Умные ребята. Я сразу дала себе клятву изучить в ближайшее время английский, чтобы не выглядеть полной дурой на их фоне.
 
Наконец, они договорили, Сергей проводил меня до подъезда и быстро распрощался, заявляя, что ему сегодня еще "NT патчить". Видали? Даже поцеловать меня не попытался на прощанье. Со мной это просто первый раз в жизни. Вот выдержка у парня!
 
Разумеется, я его заставила записать мой номер телефона, потому что он сам его попросить не догадался. На всякий случай, сама взяла его номер, но дома, когда открыла бумажку, увидела там только: "207A7A". Хорошо еще, что у отца на работе, в отделе математических методов, сумели расшифровать эту белиберду.
 
И знаете, этот негодяй мне не позвонил ни на следующий день, ни через день. Со мной это просто первый раз в жизни. Обычно поклонники чего только не делали, чтобы заполучить номер моего телефона. А уж если его получали, то трезвонили с утра до вечера так, что только трубка дымилась. А этот...
 
Я дня три выдерживала характер, но потом не выдержала и позвонила сама. Весь день было занято. Наконец, на следующий день с двадцатой попытки оказалось свободно. Там сняли трубку, но в ответ раздался какое-то мерзкий писк, похожий на ответ факса. И так продолжалось несколько дней.
 
Но меня уже за живое взяло. Надоели всякие поклонники-мажоры, хотелось любви умного и интересного человека. Пробовала ему факс отправить, но тоже не получилось. Наконец, я как-то не выдержала и в ответ на гнусный писк факса стала кричать в трубку: "Сере-е-е-ежа! Выключи свой проклятый факс!". И тут - о чудо! – я вдруг услышала ЕГО ГОЛОС. Он недовольно поинтересовался "какой козел звонит в нерабочий промежуток его борды".
 
- Сергей, - говорю, - это Ирина.
 
- Какая Ирина? Ник у тебя какой?
 
- Нету у меня никаких ников, - отвечаю. – Я единственный ребенок в семье.
 
- А мы где с тобой познакомились? – спрашивает он. – В чате или через Аську?
 
- Мы с тобой познакомились через Ленку. На ее дне рождении. Неужели не помнишь?
 
Он еще минут пять что-то там раздумывал и вспоминал (эти ученые – такие рассеянные), но потом, наконец, припомнил. Вообще, конечно, тяжело с ним было общаться. Не могу же я из него клещами вытягивать приглашение в гости или на прогулку. Остальных поклонников за язык тянуть не приходилось; приглашения сходить в кино, на концерт, в театр, в гости, на природу и так далее, сыпались как из рога изобилия. А этот все мямлил, что готов со мной встретится сегодня с 21 до 22 на канале "Кроватка". На каком, к черту, канале? У нас же не Венеция. Наконец, договорились встретиться у меня дома в пять вечера, так как предки очень кстати собрались отвалить в театр. Повесила трубку и подумала, что уж сегодня-то точно влюблю в себя этого парня.
 
Половину дня потратила на приведение себя в полную боевую готовность. Даже одела воздушную белую кофточку, которую обычно надеваю не раньше, чем через пару недель знакомства. Приготовила ужин, поставила на стол бутылку французского вина. В пять его не было. В полшестого – тоже. Я разозлилась, ужас просто. В первый раз со мной себя так ведут. Наконец, около шести раздается звонок в дверь. Открываю... Надо же! Он себя в порядок привел. Волосы собрал в хвостик, одел чистую майку с надписью по-иностранному "Виндозе – маст дай", принес в подарок горшок с засохшей геранью и авоську с пятью бутылками пива. Ладно, думаю, я его еще в чувство приведу.
 
Только хотели сесть за стол, как вдруг Сергей увидел в гостиной отцовский компьютер.
 
- Твой комп? – спрашивает.
 
- Это отцовский. Он его включать не разрешает. Потом, там все равно запаролено.
 
Сергей пробурчал что-то про какого-то Митника, не спрашивая включил компьютер и забарабанил по клавишам.
 
- У тебя отец, - опять спрашивает Сергей, - под мастдаем работает?
 
- Неа. Он под министерством обороны.
 
- Оно и видно, - саркастично говорит Сергей. – Граница на замке. Пароль из слова "password" – это круто. Передай своему папаше, что он хоть бы ради приличия пароль сделал посложнее.
 
- Он сначала нашу фамилию в качестве пароля поставил, - объясняю я. – Но ему в отделе защиты информации объяснили, что такой пароль легко подобрать.
 
- Ага, понятно, - говорит он. – Ой! Что это? Твой отец РАБОТАЕТ В ЛЕКСИКОНЕ?
 
- Вроде, да, - неуверенно отвечаю я. – А что?
 
- Скажи спасибо, что дети за отцов не отвечают, - говорит Сергей. – Иначе я бы ни на минуту в таком доме не остался!
 
Подумаешь, какой он нервный. Ладно, оторвала я его от компьютера и усадила за стол. От вина Сергей отказался, говоря, что пьет только пиво. Салат по-римски съел с таким безразличием, как будто это был обыкновенный винегрет. А я его, между прочим, часа два готовила и все пальцы себе изранила, пока сумела натереть полагающееся количество сыра.
 
И главное, никак не можем найти общий язык. На все мои вопросы отвечает что-то непонятное или научное. Сам у меня ничего не спрашивает, только смотрит куда-то в сторону и все время о чем-то напряженно раздумывает. Вот, к примеру, спрашиваю:
 
- Сергей! А какие фильмы тебе больше всего нравятся?
 
- Дивиди, - отвечает. – Мпег – фигня полная.
 
А я этот "Дивиди" и не смотрела. Даже и не знаю – кто там играет. Попробовала музыкой поинтересоваться, те же проблемы. Ну не слышала я группы: "Рилаудио" и "Винамп". Короче, налицо явная интеллектуальная пропасть. Даже игры у нас разные. Хотела предложить ему поиграть в "города", "буриме" или фанты, так он заявил, что играет только в стратегии и "Анрил". Все остальное, говорит, для детей. Я даже обиделась, но он этого, по-моему, не заметил.
 
Ну, думаю, надо пускать в ход тяжелую артиллерию. Усадила его на диван, села рядышком, призывно нагнулась к нему и шепотом спрашиваю:
 
- Сергей! А что ты любишь больше всего на свете?
 
- Юникс! – отвечает этот негодяй, глядя на мою грудь.
 
Ну что мне с ним делать? А?
</div>
<div id="footer"></div>
</body>
</html>

@Strilozokt · 18.11.2013, 20:35 **[ТС]**

От идеи фикс шапки отказался, но спасибо.

@Taatshi · 19.11.2013, 12:01

Strilozokt, можно было еще с помощью z-index решить этот вопрос

@Strilozokt · 20.11.2013, 19:41 **[ТС]**

Спасибо, большое

@Panda30 · 20.11.2013, 22:11

проверьте грамматические ошибки на сайте, в том числе "будуЮщие"

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35

	Контент наезжает на шапку 10.11.2013, 11:10. Показов 20061. Ответов 12 Метки нет (Все метки) Зафиксировал шапку (position:fixed), все получилось, она двигается как нужно, но теперь контент наезжает на нее. Подскажите пожалуйста решение. P.S. padding-top пробовал. 0

@VitoAcidrain 59 / 59 / 7 Регистрация: 11.03.2013 Сообщений: 191
	10.11.2013, 11:13
	Желательно бы ещё скрины и код. 0

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35
	10.11.2013, 12:11 [ТС]
	stalegames.com 0

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35
	15.11.2013, 22:44 [ТС]
	Попробовал. Центральный див, при прокрутке, поверх шапки. 0

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35
	16.11.2013, 16:10 [ТС]
	На компьютере, не на хосте 0

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35
	18.11.2013, 20:35 [ТС]
	От идеи фикс шапки отказался, но спасибо. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	19.11.2013, 12:01
	Strilozokt, можно было еще с помощью z-index решить этот вопрос 1

@Strilozokt 1 / 1 / 0 Регистрация: 25.09.2013 Сообщений: 35
	20.11.2013, 19:41 [ТС]
	Спасибо, большое 0

@Panda30 12 / 12 / 0 Регистрация: 03.10.2011 Сообщений: 343
	20.11.2013, 22:11
	проверьте грамматические ошибки на сайте, в том числе "будуЮщие" 0