Проблема с position:fixed

@jhiugh1i1 · Регистрация: 18.05.2019

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

Проблема надо что бы фиксированный болк был с боку от всего основного текста(типо side bar'a) и при прокрутке с низ опускался со всем остальным текстом.
Сайт с проблемой http://ribakovnet.ru/lesson_5/hard/index.html

CSS
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
body {
  background-color: #E0FFFF;
}
 
h2 {
  text-align: center;
 
}
 
p.underline {
  text-decoration: underline;
}
 
p.through {
  text-decoration: line-through;
}
 
p.bold {
  font-weight: bold;
}
 
span {
  font-weight: 900;
}
 
p.overline {
  text-decoration: overline;
}
 
ul.title {
  width: 235px;
  height: auto;
  border: 1px solid black;
  background-color: #FFFFE0;
  position: fixed;
  
  
}
 
.d1 {
  border: 2px solid rgb(189, 148, 148);
  background-color: #C0C0C0;
}
 
.d2 {
  border: 2px solid rgb(248, 210, 210);
  background-color: #fff;
}
 
.d3 {
  border: 2px solid rgb(247, 220, 193);
  background-color: #FAF0E6;
}
 
.d4 {
  border: 2px solid rgb(187, 250, 187);
  background-color: #F0FFF0;
}
 
.d5 {
  border: 2px solid rgb(183, 253, 253);
  background-color: #F0FFFF;
}

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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
<!DOCTYPE html>
<html lang="ru">
 
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="css/style.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
 
<body>
  <p class="bold">Трилогия «Властелин Колец» бесспорно возглавляет список «культовых» книг XX века.
    Ее автор, Дж.Р.Р.Толкин, профессор Оксфордского университета, специалист по древнему и средневековому
    английскому языку, создал удивительный мир - Среднеземье, который вот уже без малого пятьдесят лет
    неодолимо влечет к себе миллионы читателей. Там, в Среднеземье, в стране, управляемой советом волшебников,
    где в серебряных лесах поют эльфы, в глубоких пещерах добывают драгоценный мифрил гномы, а бескорыстие
    добрых чародеев постоянно подвергается испытаниям, - разгорается битва Света и Тьмы, исход которой,
    по воле провидения, зависит от самых маленьких жителей - Хоббитов.
    История Кольца Всевластья послужила основой множеству телевизионных и театральных постановок,
    мультфильмов, компьютерных игр и комиксов. Тысячи людей по всему миру ежегодно собираются для
    участия в ролевых играх, основанных на сюжетах, взятых у Толкина. Эпопею Толкина, как миф,
    можно интерпретировать по - разному - и как повествование о бывших или будущих событиях,
    и как притчу, и как аллегорию, и как историю духовного восхождения, и как фантастику, -
    все толкования будут верны, но ни одно не станет полным. «Возвращение Короля» –
    третий том трилогии. Здесь рассказывается о последней битве, о том, как Хранитель
    выполнил свою миссию и как погибло царство Саурона.</p>
 
  <h2>Книга Пятая</h2>
  
  <ul class="title">
    <li><b>Глава 1 Минас Тирит</b>
      <ul>
        <li>Заметка 1</li>
      </ul>
    </li>
    <li><b>Глава 2 Выбор Арагорна</b>
      <ul>
        <li>Заметка 2</li>
      </ul>
    </li>
    <li><b>Глава 3 Рохан собирает войска</b>
      <ul>
        <li>Заметка 3</li>
      </ul>
    </li>
    <li><b>Глава 4 Осада Города</b>
      <ul>
        <li>Заметка 4</li>
      </ul>
    </li>
    <li><b>Глава 5 Поход Теодена</b>
      <ul>
        <li>Заметка 5</li>
      </ul>
    </li>
  </ul>
 
  <div class="d1">
    <h2>Глава 1 Минас Тирит</h2>
 
    <p class="underline">Пиппин выглянул из-под плаща Гэндальфа. Он никак не мог понять, во сне или наяву свистит в ушах
      черный ночной
      ветер, медленно плывет зубчатая тень гор далеко справа, во сне или наяву качается у него над головой звездное
      небо.
      Он пытался вспомнить, что с ним и где он, но мысли путались, отдельные картины сменяли друг друга.
    </p>
 
    <p class="through">Помнится, они мчались без остановок, летели все вперед и вперед, и там, впереди, вставал на
      рассвете золотистый
      мягкий блеск, и был город, затопленный тишиной, и гулкая пустота большого дворца на холме. Они ворвались под его
      своды в тот самый момент, когда вверху пронеслась огромная крылатая тень, и ужас выбелил лица людей вокруг.
      Пиппин
      вспомнил, как и его сердце сжала ледяная рука. Но рядом был Гэндальф, и ужас ушел, осталась только усталость.
      Пиппин
      спал, но сон был тревожным, в нем ходили и разговаривали незнакомые люди, что-то приказывал Гэндальф. И дальше,
      без
      перехода, снова бешеная скачка сквозь ночь. С тех пор как он заглянул в Палантир, прошло двое, нет, трое суток.
      Палантир! Это было ужасно! С этим воспоминанием он проснулся окончательно. Вокруг шумел и бормотал все тот же
      ветер.
    </p>
 
    <p><span>Заметка 1</span> Яркий желтый огонь в темном небе заставил Пиппина съежиться от страха. Зачем Гэндальф
      везет его в это страшное, там, впереди? Он протер глаза. На востоке всходила луна. Значит, они будут скакать и
      скакать, мчаться сквозь ночь бесконечно долго.
    </p>
 
    <p>– Где мы, Гэндальф? <br>
      <br>
      – На землях Гондора. Это - Анориен. <br>
      <br>
      Пиппин притих, но тут же прижался к магу. <br>
      <br>
      – Что там? Смотри! Красный огонь! Как драконий глаз. А вон еще один! <br>
      <br>
      Гэндальф только крикнул коню: <br>
    </p>
 
    <p class="overline">
      – Вперед, Сполох, вперед! Спеши, друг! - и, наклонившись к Пиппину, сказал: - Смотри. Это зовут на помощь огни
      Гондора. Война началась. Вот огонь на Амон Дине, пламя на Эленахе, и дальше огни, Нардол, Эрелас, Мин Риммон,
      Каленхад и Халифириен у границ Рохана. Вперед, Сполох!
    </p>
 
  </div>
  <div class="d2">
    <h2>Глава 2 Выбор Арагорна</h2>
 
    <p>Когда стих топот копыт Сполоха, уносящего Гэндальфа и Пиппина, Мерри вернулся к Арагорну. Сумку свою он потерял
      еще
      в Порт Галене, собирать было нечего - так, кое-какие полезные мелочи с развалин Изенгарда. Леголас и Гимли ожидали
      только сигнала тронуться в путь.
    </p>
 
    <p>– Нас осталось четверо, - сказал Арагорн. - Мы будем вместе, но пойдем не одни. После этого крылатого ужаса
      король
      решил выступать немедля и возвращаться к холмам под прикрытием ночи.
    </p>
 
    <p>– А потом куда? - спросил Леголас.
    </p>
    <p>– Еще не знаю. Правитель отдал приказ войскам собраться в Эдорасе на четвертую ночь после этой. Там, я думаю, его
      ждут вести о войне, и Всадники Рохана двинутся к Минас Тириту. Но у меня другая дорога.
    </p>
 
    <p>
      – Я с тобой, - тут же сказал Леголас.
 
    </p>
 
    <p>– И я тоже, - отозвался Гимли.
    </p>
 
    <p>– Мой путь еще темен для меня, - задумчиво ответил Арагорн. - Кажется, наступает час, к которому я готовился всю
      жизнь. Нам тоже нужно попасть в Минас Тирит, но каким путем мы придем туда, я еще не решил.
    </p>
 
    <p>
      – А я? - подал голос Мерри. - До сих пор от меня было немного толку, но я все-таки не какая-нибудь безделушка.
      Всадникам не до меня, <span>Заметка 2</span> хотя их Правитель и обещал, что мы поговорим с ним о Шире после
      возвращения.
 
    </p>
 
    <p>– Мне видится, что ты должен идти с ним, Мерри, - сказал Арагорн. - И не рассчитывай на весёлую прогулку! Теодену
      долго еще не сидеть в покое Золотых Палат. Немало надежд иссякнет этой горькой весной!
    </p>
    <p>Они отправились затемно. Теоден, с ним двадцать два Всадника, Леголас с Гимли и Арагорн с Мерри. Уже
      переправившись
      через Изен, они услышали за спиной топот. Их нагнал Всадник из арьергарда.</p>
  </div>
 
  <div class="d3">
    <h2>Глава 3 Рохан собирает войска</h2>
 
    <p>Отныне все дороги вели на восток, навстречу Тьме. В тот самый час, когда Пиппин, стоя пред воротами Города,
      смотрел
      на входящие войска, король Рохана во главе большого отряда Всадников спускался с гор.
    </p>
 
    <p>Вечерело. Длинные тени, перегоняя лошадей, бежали впереди по долине. На лесистых склонах было уже темно. После
      дня
      пути король ехал медленно. Тропа, огибая огромный скальный уступ, нырнула под своды тихо шепчущих елей. Все ниже и
      ниже спускался отряд в долину. Блеск водопадов приглушали сумерки.</p>
 
    <p>
      Весь этот день воины спускались вниз вдоль ручья; теперь вместе с ними он устремился в широкую долину, поглотил
      небольшой приток и, взбивая пену, помчался по камням к Эдорасу. В верховьях долины, словно запирая ее, высился
      могучий горный пик с вершиной, укрытой вечными снегами. На восточных его склонах густо голубели тени, западные
      склоны пылали в огне заката.
    </p>
 
    <p>Мерри с изумлением озирался по сторонам. Ему было интересно в незнакомой стране. Это был край без неба; в
      туманной
      дымке глаз различал только горы, каменная стена вставала за стеной, меж ними разверзались пропасти, заполненные
      туманом. От могучих водопадов воздух тихо звенел, шумели деревья, стучали по камням копыта. Раньше Мерри любил
      слушать о горах, думать о них, но теперь, когда горные хребты вздымались вокруг под самые небеса, он чувствовал
      себя
      неуютно, живо ощущая исполинскую тяжесть, гнетущую грудь Среднеземья. Слишком они были большие; глядя на них,
      хотелось оказаться в маленькой комнатке возле камина. <span>Заметка 3</span></p>
  </div>
 
  <div class="d4">
    <h2>Глава 4 Осада Города</h2>
 
    <p>Гэндальф разбудил Пиппина. За окнами по-прежнему было темно, в комнате горели свечи. Духота стояла, как перед
      грозой.</p>
 
    <p>
      – Который час? - спросил Пиппин, зевая. <br>
      <br>
      – Начало третьего, - ответил маг. - Одевайся, тебя призывает Правитель. Надеюсь, ты не забыл, что служишь ему?
      <br>
      <br>
      – А он даст нам позавтракать? <br>
      <br>
      – Нет. Завтрак готов, - Гэндальф кивнул на стол, - и до обеда больше ничего не будет. В Городе экономят провизию.
      <br>
      Пиппин угрюмо разглядывал небольшую краюху хлеба, очень маленькую (на его взгляд) порцию масла и чашку молока.
      <br>
      <br>
      – И зачем ты меня привез сюда? - проворчал он. <br>
      <br>
      – Чтобы помешать тебе делать глупости, - в тон ему ответил маг. - Если тебе здесь не по нраву, то, кроме себя,
      винить некого. <br>
      <br>
      Пиппин насупился и замолчал. <br>
      <br>
      <span>Заметка 4</span>
      <p>Когда Гэндальф снова привел его в зал со статуями и колоннами, Денетор сидел на том же самом месте. «Как
        старый,
        терпеливый паук, - подумалось Пиппину. - Он что, так со вчера и сидит тут?» Правитель предложил Гэндальфу сесть,
        не обращая внимания на стоящего Пиппина, но потом живо обернулся к хоббиту.
      </p>
      <p>– Ну, добрый мой Перегрин, надеюсь, ты провел вчерашний день с пользой и приятством. Вот только угощение могло
        показаться тебе скудноватым. Но - война. - Он слегка развел руками.</p>
      Пиппин покраснел. Ему показалось, что Правителю известны не только его слова, но и мысли. <br>
      <br>
      – Что же ты намереваешься делать у меня на службе? - спросил Денетор. <br>
      <br>
      – Я думаю, что повелитель укажет мои обязанности. <br>
 
  </div>
  <div class="d5">
    <h2>Глава 5 Поход Теодена</h2>
 
    <p>
      Мерри лежал, завернувшись в одеяло, и тщетно вглядывался в темноту. Ночь была тихой, безветренной, только деревья
      чуть слышно вздыхали вокруг. Он поднял голову и снова услышал настороживший его звук. Где-то вдали глухо били
      барабаны. Замолкая в одном месте, удары тут же возникали, в другом. Интересно, слышат ли их часовые?
    </p>
    <p>
      Невидимые в темноте, расположились на отдых войска рохирримов. Пахло лошадьми. Мерри слышал, как они пофыркивают и
      мягко переступают копытами по усыпанной хвоей земле. На ночь Теоден остановился в глухом сосновом бору у подножия
      сигнального холма Эленах, поднимавшегося высоко над вершинами Друаданского Леса.
    </p>
    <p>
      От усталости Мерри не мог заснуть. Шли пятые сутки похода. Мрак, становившийся все плотнее, приводил воинов в
      уныние. Мерри уже не понимал, зачем так рвался в этот поход, ведь ясный приказ короля позволял ему остаться.
      Хоббит
      уже не раз принимался гадать, знает ли король о его самоуправстве. А если знает, то что думает? Наверное,
      Дернхельм
      как-то договорился с Эльфхельмом, командиром их «йореда» (так Всадники называли отряды). Во всяком случае, воины
      старались не замечать лишнего новобранца. С ним никто не заговаривал, а если смотрели, то как на лишнюю переметную
      суму за спиной Дернхельма. Да и сам молодой Всадник за всю дорогу не проронил ни слова. <span>Заметка 5</span>
      Тут поневоле начнешь ощущать себя никому не нужной обузой.
    </p>
 
    <p>Войска Теодена все ближе подходили к опасным местам. До внешних укреплений Минас Тирита оставалось меньше дня
      пути.
      Разведчики, которым удалось вернуться, доложили, что дорога впереди захвачена врагом. В трех милях западнее Амон
      Дина стоит целая орда, а большой отряд орков идет навстречу. Они уже в трех-четырех лигах от Друаданского Леса.
    </p>
  </div>
 
  <h4>Вернуться в начало </h4>
</body>
 
</html>

@novichek_1905 · 20.11.2019, 18:00

так не делайте его fixed. Сделайте разметку под сайдбар, правый блок, положите туда весь основной контент, левый блок. И левому блоку(сайдбару) задайте координаты top: 0; position: sticky;

Добавлено через 27 секунд
уж как блоки в ряд расположить думаю разберетесь)

@jhiugh1i1 · 20.11.2019, 18:22 **[ТС]**

Так, хорошо я разделил весь код на две секции то что обычный в право, а так что должен следовать с лево. Сайдбару я задал указаные вами свойства и он уже с самого начала на текс не наежает но основная проблема осталось. Я так и не понял какое свойтво отвечает за то что бы текс разделился?
http://ribakovnet.ru/lesson_5/hard/index.html

CSS
1
2
3
4
5
aside.left_side {
  top: 0; position: sticky;
}
aside.right_side {
}

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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<aside class="left_side">
    <ul class="title">
      <li><b>Глава 1 Минас Тирит</b>
        <ul>
          <li>Заметка 1</li>
        </ul>
      </li>
      <li><b>Глава 2 Выбор Арагорна</b>
        <ul>
          <li>Заметка 2</li>
        </ul>
      </li>
      <li><b>Глава 3 Рохан собирает войска</b>
        <ul>
          <li>Заметка 3</li>
        </ul>
      </li>
      <li><b>Глава 4 Осада Города</b>
        <ul>
          <li>Заметка 4</li>
        </ul>
      </li>
      <li><b>Глава 5 Поход Теодена</b>
        <ul>
          <li>Заметка 5</li>
        </ul>
      </li>
    </ul>
  </aside>
 
 
 
  <aside class="right_side">
    <h2>Книга Пятая</h2>
 
    <p class="bold">Трилогия «Властелин Колец» бесспорно возглавляет список «культовых» книг XX века.
      Ее автор, Дж.Р.Р.Толкин, профессор Оксфордского университета, специалист по древнему и средневековому
      английскому языку, создал удивительный мир - Среднеземье, который вот уже без малого пятьдесят лет
      неодолимо влечет к себе миллионы читателей. Там, в Среднеземье, в стране, управляемой советом волшебников,
      где в серебряных лесах поют эльфы, в глубоких пещерах добывают драгоценный мифрил гномы, а бескорыстие
      добрых чародеев постоянно подвергается испытаниям, - разгорается битва Света и Тьмы, исход которой,
      по воле провидения, зависит от самых маленьких жителей - Хоббитов.
      История Кольца Всевластья послужила основой множеству телевизионных и театральных постановок,
      мультфильмов, компьютерных игр и комиксов. Тысячи людей по всему миру ежегодно собираются для
      участия в ролевых играх, основанных на сюжетах, взятых у Толкина. Эпопею Толкина, как миф,
      можно интерпретировать по - разному - и как повествование о бывших или будущих событиях,
      и как притчу, и как аллегорию, и как историю духовного восхождения, и как фантастику, -
      все толкования будут верны, но ни одно не станет полным. «Возвращение Короля» –
      третий том трилогии. Здесь рассказывается о последней битве, о том, как Хранитель
      выполнил свою миссию и как погибло царство Саурона.</p>
 
 
    <div class="d1">
      <h2>Глава 1 Минас Тирит</h2>
 
      <p class="underline">Пиппин выглянул из-под плаща Гэндальфа. Он никак не мог понять, во сне или наяву свистит в
        ушах
        черный ночной
        ветер, медленно плывет зубчатая тень гор далеко справа, во сне или наяву качается у него над головой звездное
        небо.
        Он пытался вспомнить, что с ним и где он, но мысли путались, отдельные картины сменяли друг друга.
      </p>
 
      <p class="through">Помнится, они мчались без остановок, летели все вперед и вперед, и там, впереди, вставал на
        рассвете золотистый
        мягкий блеск, и был город, затопленный тишиной, и гулкая пустота большого дворца на холме. Они ворвались под его
        своды в тот самый момент, когда вверху пронеслась огромная крылатая тень, и ужас выбелил лица людей вокруг.
        Пиппин
        вспомнил, как и его сердце сжала ледяная рука. Но рядом был Гэндальф, и ужас ушел, осталась только усталость.
        Пиппин
        спал, но сон был тревожным, в нем ходили и разговаривали незнакомые люди, что-то приказывал Гэндальф. И дальше,
        без
        перехода, снова бешеная скачка сквозь ночь. С тех пор как он заглянул в Палантир, прошло двое, нет, трое суток.
        Палантир! Это было ужасно! С этим воспоминанием он проснулся окончательно. Вокруг шумел и бормотал все тот же
        ветер.
      </p>
 
      <p><span>Заметка 1</span> Яркий желтый огонь в темном небе заставил Пиппина съежиться от страха. Зачем Гэндальф
        везет его в это страшное, там, впереди? Он протер глаза. На востоке всходила луна. Значит, они будут скакать и
        скакать, мчаться сквозь ночь бесконечно долго.
      </p>
 
      <p>– Где мы, Гэндальф? <br>
        <br>
        – На землях Гондора. Это - Анориен. <br>
        <br>
        Пиппин притих, но тут же прижался к магу. <br>
        <br>
        – Что там? Смотри! Красный огонь! Как драконий глаз. А вон еще один! <br>
        <br>
        Гэндальф только крикнул коню: <br>
      </p>
 
      <p class="overline">
        – Вперед, Сполох, вперед! Спеши, друг! - и, наклонившись к Пиппину, сказал: - Смотри. Это зовут на помощь огни
        Гондора. Война началась. Вот огонь на Амон Дине, пламя на Эленахе, и дальше огни, Нардол, Эрелас, Мин Риммон,
        Каленхад и Халифириен у границ Рохана. Вперед, Сполох!
      </p>
 
    </div>
    <div class="d2">
      <h2>Глава 2 Выбор Арагорна</h2>
 
      <p>Когда стих топот копыт Сполоха, уносящего Гэндальфа и Пиппина, Мерри вернулся к Арагорну. Сумку свою он потерял
        еще
        в Порт Галене, собирать было нечего - так, кое-какие полезные мелочи с развалин Изенгарда. Леголас и Гимли
        ожидали
        только сигнала тронуться в путь.
      </p>
 
      <p>– Нас осталось четверо, - сказал Арагорн. - Мы будем вместе, но пойдем не одни. После этого крылатого ужаса
        король
        решил выступать немедля и возвращаться к холмам под прикрытием ночи.
      </p>
 
      <p>– А потом куда? - спросил Леголас.
      </p>
      <p>– Еще не знаю. Правитель отдал приказ войскам собраться в Эдорасе на четвертую ночь после этой. Там, я думаю,
        его
        ждут вести о войне, и Всадники Рохана двинутся к Минас Тириту. Но у меня другая дорога.
      </p>
 
      <p>
        – Я с тобой, - тут же сказал Леголас.
 
      </p>
 
      <p>– И я тоже, - отозвался Гимли.
      </p>
 
      <p>– Мой путь еще темен для меня, - задумчиво ответил Арагорн. - Кажется, наступает час, к которому я готовился
        всю
        жизнь. Нам тоже нужно попасть в Минас Тирит, но каким путем мы придем туда, я еще не решил.
      </p>
 
      <p>
        – А я? - подал голос Мерри. - До сих пор от меня было немного толку, но я все-таки не какая-нибудь безделушка.
        Всадникам не до меня, <span>Заметка 2</span> хотя их Правитель и обещал, что мы поговорим с ним о Шире после
        возвращения.
 
      </p>
 
      <p>– Мне видится, что ты должен идти с ним, Мерри, - сказал Арагорн. - И не рассчитывай на весёлую прогулку!
        Теодену
        долго еще не сидеть в покое Золотых Палат. Немало надежд иссякнет этой горькой весной!
      </p>
      <p>Они отправились затемно. Теоден, с ним двадцать два Всадника, Леголас с Гимли и Арагорн с Мерри. Уже
        переправившись
        через Изен, они услышали за спиной топот. Их нагнал Всадник из арьергарда.</p>
    </div>
 
    <div class="d3">
      <h2>Глава 3 Рохан собирает войска</h2>
 
      <p>Отныне все дороги вели на восток, навстречу Тьме. В тот самый час, когда Пиппин, стоя пред воротами Города,
        смотрел
        на входящие войска, король Рохана во главе большого отряда Всадников спускался с гор.
      </p>
 
      <p>Вечерело. Длинные тени, перегоняя лошадей, бежали впереди по долине. На лесистых склонах было уже темно. После
        дня
        пути король ехал медленно. Тропа, огибая огромный скальный уступ, нырнула под своды тихо шепчущих елей. Все ниже
        и
        ниже спускался отряд в долину. Блеск водопадов приглушали сумерки.</p>
 
      <p>
        Весь этот день воины спускались вниз вдоль ручья; теперь вместе с ними он устремился в широкую долину, поглотил
        небольшой приток и, взбивая пену, помчался по камням к Эдорасу. В верховьях долины, словно запирая ее, высился
        могучий горный пик с вершиной, укрытой вечными снегами. На восточных его склонах густо голубели тени, западные
        склоны пылали в огне заката.
      </p>
 
      <p>Мерри с изумлением озирался по сторонам. Ему было интересно в незнакомой стране. Это был край без неба; в
        туманной
        дымке глаз различал только горы, каменная стена вставала за стеной, меж ними разверзались пропасти, заполненные
        туманом. От могучих водопадов воздух тихо звенел, шумели деревья, стучали по камням копыта. Раньше Мерри любил
        слушать о горах, думать о них, но теперь, когда горные хребты вздымались вокруг под самые небеса, он чувствовал
        себя
        неуютно, живо ощущая исполинскую тяжесть, гнетущую грудь Среднеземья. Слишком они были большие; глядя на них,
        хотелось оказаться в маленькой комнатке возле камина. <span>Заметка 3</span></p>
    </div>
 
    <div class="d4">
      <h2>Глава 4 Осада Города</h2>
 
      <p>Гэндальф разбудил Пиппина. За окнами по-прежнему было темно, в комнате горели свечи. Духота стояла, как перед
        грозой.</p>
 
      <p>
        – Который час? - спросил Пиппин, зевая. <br>
        <br>
        – Начало третьего, - ответил маг. - Одевайся, тебя призывает Правитель. Надеюсь, ты не забыл, что служишь ему?
        <br>
        <br>
        – А он даст нам позавтракать? <br>
        <br>
        – Нет. Завтрак готов, - Гэндальф кивнул на стол, - и до обеда больше ничего не будет. В Городе экономят
        провизию.
        <br>
        Пиппин угрюмо разглядывал небольшую краюху хлеба, очень маленькую (на его взгляд) порцию масла и чашку молока.
        <br>
        <br>
        – И зачем ты меня привез сюда? - проворчал он. <br>
        <br>
        – Чтобы помешать тебе делать глупости, - в тон ему ответил маг. - Если тебе здесь не по нраву, то, кроме себя,
        винить некого. <br>
        <br>
        Пиппин насупился и замолчал. <br>
        <br>
        <span>Заметка 4</span>
        <p>Когда Гэндальф снова привел его в зал со статуями и колоннами, Денетор сидел на том же самом месте. «Как
          старый,
          терпеливый паук, - подумалось Пиппину. - Он что, так со вчера и сидит тут?» Правитель предложил Гэндальфу
          сесть,
          не обращая внимания на стоящего Пиппина, но потом живо обернулся к хоббиту.
        </p>
        <p>– Ну, добрый мой Перегрин, надеюсь, ты провел вчерашний день с пользой и приятством. Вот только угощение
          могло
          показаться тебе скудноватым. Но - война. - Он слегка развел руками.</p>
        Пиппин покраснел. Ему показалось, что Правителю известны не только его слова, но и мысли. <br>
        <br>
        – Что же ты намереваешься делать у меня на службе? - спросил Денетор. <br>
        <br>
        – Я думаю, что повелитель укажет мои обязанности. <br>
 
    </div>
    <div class="d5">
      <h2>Глава 5 Поход Теодена</h2>
 
      <p>
        Мерри лежал, завернувшись в одеяло, и тщетно вглядывался в темноту. Ночь была тихой, безветренной, только
        деревья
        чуть слышно вздыхали вокруг. Он поднял голову и снова услышал настороживший его звук. Где-то вдали глухо били
        барабаны. Замолкая в одном месте, удары тут же возникали, в другом. Интересно, слышат ли их часовые?
      </p>
      <p>
        Невидимые в темноте, расположились на отдых войска рохирримов. Пахло лошадьми. Мерри слышал, как они пофыркивают
        и
        мягко переступают копытами по усыпанной хвоей земле. На ночь Теоден остановился в глухом сосновом бору у
        подножия
        сигнального холма Эленах, поднимавшегося высоко над вершинами Друаданского Леса.
      </p>
      <p>
        От усталости Мерри не мог заснуть. Шли пятые сутки похода. Мрак, становившийся все плотнее, приводил воинов в
        уныние. Мерри уже не понимал, зачем так рвался в этот поход, ведь ясный приказ короля позволял ему остаться.
        Хоббит
        уже не раз принимался гадать, знает ли король о его самоуправстве. А если знает, то что думает? Наверное,
        Дернхельм
        как-то договорился с Эльфхельмом, командиром их «йореда» (так Всадники называли отряды). Во всяком случае, воины
        старались не замечать лишнего новобранца. С ним никто не заговаривал, а если смотрели, то как на лишнюю
        переметную
        суму за спиной Дернхельма. Да и сам молодой Всадник за всю дорогу не проронил ни слова. <span>Заметка 5</span>
        Тут поневоле начнешь ощущать себя никому не нужной обузой.
      </p>
 
      <p>Войска Теодена все ближе подходили к опасным местам. До внешних укреплений Минас Тирита оставалось меньше дня
        пути.
        Разведчики, которым удалось вернуться, доложили, что дорога впереди захвачена врагом. В трех милях западнее Амон
        Дина стоит целая орда, а большой отряд орков идет навстречу. Они уже в трех-четырех лигах от Друаданского Леса.
      </p>
    </div>
 
    <h4>Вернуться в начало </h4>
  </aside>

@Mailo · 20.11.2019, 18:30

Если идти по пути топикстартера то можно, тупо body задать левый падинг = ширине сайдбара. Возможно ещё придётся сдвинуть в минус сайдбар, ну там по обстоятельствам.

@novichek_1905 · 20.11.2019, 18:35

замените и добавьте это к себе

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
body {
    background-color: #E0FFFF;
    margin: 0;
    display: flex;
}
 
aside.left_side {
    padding: 10px;
}
 
ul.title {
    width: 235px;
    height: auto;
    border: 1px solid black;
    background-color: #FFFFE0;
    position: sticky;
    top: 0;
    margin: 0;
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	20.11.2019, 18:00
	так не делайте его fixed. Сделайте разметку под сайдбар, правый блок, положите туда весь основной контент, левый блок. И левому блоку(сайдбару) задайте координаты `top: 0; position: sticky;` Добавлено через 27 секунд уж как блоки в ряд расположить думаю разберетесь) 0

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	20.11.2019, 18:30
	Если идти по пути топикстартера то можно, тупо body задать левый падинг = ширине сайдбара. Возможно ещё придётся сдвинуть в минус сайдбар, ну там по обстоятельствам. 0

Проблема с position:fixed

Решение