Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
ProgrammerNoob
0 / 0 / 0
Регистрация: 17.04.2017
Сообщений: 26
1

Как зафиксировать блоки так, чтобы они не прокручивались вместе с контентом

08.08.2017, 03:35. Просмотров 1111. Ответов 2
Метки нет (Все метки)

Такая беда необходимо создать 3 блока

---- ------- ----
<- | Content | ->
---- ------- ----
50px| 80% | 50px


1 и 3 блоки должны иметь границу со стороны блока с контентом и быть зафиксированными, т.е. не прокручиваться. 2й блок с контентом должен скролиться.
1й и 3й блоки имеют ширину 50px высоту во всю страницу.
Как зафиксировать 1й и 3й блоки, так чтобы они не прокручивались вместе с контентом?
Использовал position: fixed; но из-за него нельзя использовать float:left/right margin тоже не удобен в этом случае
0
Лучшие ответы (1)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
08.08.2017, 03:35
Ответы с готовыми решениями:

Как сделать так чтобы фон оставался на месте, а прокручивались блоки сайта
Пытаюсь сделать так чтобы фон оставался на месте и не повторялся, а двигались только (как бы это...

Задать background каждого из блоков так, чтобы вместе они образовывали цельное изображение
как сделать background для чёрного? :D

Нужно на DataGridView кинуть корректно программно кинуть chekbox-i. Так, чтобы они двигались вместе с вертикальной полосой прокрутки
То есть ситуация какая: имеется простая DataGridView ничего там особенного нет. Программно меняется...

Как сделать так чтобы при спавне предметов они отталкивались друг от друга если они спавнятся близко С#
Есть загвоздка, не как не могу понять как это релизовать, приведу пример : происходит спавн кубов...

Как сделать так, чтобы richTextBox растягивался вместе с Label
На форме есть richtextbox и label, который находится на richtexbox. Проблема в том, что когда я...

2
aj17
323 / 301 / 166
Регистрация: 02.06.2014
Сообщений: 1,105
08.08.2017, 11:15 2
Лучший ответ Сообщение было отмечено ProgrammerNoob как решение

Решение

PHP/HTML
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
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .side {
      width: 50px;
      position: fixed;
      top: 0;
      bottom: 0;
      border: 1px solid green;
    }
    
    .side-left {
      left: 0;
    }
    
    .side-right {
      right: 0;
    }
    
    .box {
      width: calc(80% + 100px);
      padding: 10px 50px;
      margin: 0 auto;
    }
    
    p {
      margin-bottom: 20px;
      font: 16px/24px Arial;
    }
 
  </style>
</head>
 
<body>
  <div class="side side-left"></div>
  <div class="side side-right"></div>
  <div class="box">
    <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Раз за переулка алфавит рот, встретил, над там коварных, прямо залетают живет власти, агенство ты парадигматическая жизни до маленький свой.</p>
    <p>На берегу послушавшись даже маленькая деревни ее запятой заманивший предупредила заголовок текста родного города необходимыми повстречался силуэт рукописи бросил вершину все маленький заглавных себя, использовало семантика? Решила родного, дал снова знаках?</p>
    <p>Подпоясал реторический залетают повстречался, рукописи заголовок. Послушавшись алфавит вскоре но запятых маленькая текстов, прямо встретил которое. До жаренные грамматики деревни осталось алфавит, сих которой вопрос большой, журчит рыбными, продолжил большого.</p>
    <p>Силуэт даль, текстов лучше обеспечивает пунктуация рекламных. Великий рыбными правилами себя свое, родного сбить, города буквенных ручеек! Повстречался большого журчит предупредила образ по всей пунктуация напоивший запятой подзаголовок рыбными текстов, ручеек!</p>
    <p>Живет на берегу агенство, маленькая возвращайся использовало семь, снова одна силуэт? Семь вопроса если переписывается заглавных грамматики свое буквенных свою приставка, рекламных пустился, путь щеке за подпоясал. Журчит даль, домах если.</p>
    <p>Жизни переулка свое, живет снова выйти которой на берегу текст, ему журчит подзаголовок, переписывается города безорфографичный, рот своих его! Рыбными буквенных, океана! Рукопись там необходимыми выйти агенство гор, переписывается подзаголовок правилами.</p>
    <p>Необходимыми они предложения текст встретил прямо заглавных переулка лучше что знаках, грустный пояс однажды, залетают несколько алфавит своих имени там сбить это его вскоре, строчка. Подзаголовок правилами дорогу они продолжил.</p>
    <p>Подзаголовок деревни, меня бросил то знаках правилами, по всей взгляд алфавит, одна, семантика текст. Своего он ведущими, переписывается снова щеке залетают ipsum по всей, пор заманивший дорогу, но она там вскоре несколько?</p>
    <p>Продолжил ручеек своих, ведущими языкового сбить рукопись знаках о, безопасную вопрос. Ipsum, лучше он гор буквоград там сих рот имеет, рыбного путь несколько всемогущая это рукопись, свое эта силуэт снова.</p>
    <p>Реторический, агенство! Свою свое, lorem правилами повстречался оксмокс которое парадигматическая речью языкового сих своих, власти пояс! Жаренные lorem своих эта всемогущая собрал пустился предложения первую? Маленький рекламных переулка большой, образ!</p>
    <p>Большой предупредила, пустился журчит проектах возвращайся использовало диких великий, раз это все, назад правилами жизни толку но буквоград свой подпоясал заглавных даль на берегу свою. Повстречался обеспечивает подпоясал лучше сих всемогущая.</p>
    <p>Даже собрал безопасную над инициал вопроса дороге, осталось вскоре ведущими до запятых встретил все проектах всеми? Жизни пояс имени необходимыми переписывается, гор семантика заголовок, одна, возвращайся ему свою щеке. Свою.</p>
    <p>Взгляд скатился, предупредила одна? Языком, использовало текстов залетают переулка, подзаголовок встретил всеми по всей большого инициал, там реторический дорогу языкового вопроса злых. Это большой которой, себя наш коварный он заголовок домах!</p>
    <p>По всей вскоре но журчит, продолжил возвращайся которой скатился грустный, обеспечивает сих реторический диких силуэт своего текстов, взгляд вопрос? Дороге языкового языком рукопись, пустился выйти путь раз инициал заголовок имени текстов.</p>
    <p>Свою власти, возвращайся жизни все, большого грустный. Деревни обеспечивает правилами выйти образ, последний коварный послушавшись жизни ему океана, всеми домах. Своего деревни, языкового родного то несколько власти предупреждал города путь!</p>
    <p>Бросил знаках своего она пояс которой это назад семантика, переписывается переписали оксмокс, грустный страна lorem единственное вершину предложения от всех послушавшись, имени не решила. Ipsum своего маленькая за города домах однажды.</p>
    <p>За, рыбными предложения взгляд злых назад дороге то ты обеспечивает до семантика но там пустился вершину рукопись безопасную все однажды дорогу его буквоград переулка. Дал всемогущая, своего деревни прямо жизни.</p>
    <p>Щеке рукопись страну толку вершину он они дороге то, живет осталось запятых своих, пояс журчит. Языкового образ составитель своего семантика деревни путь живет, вопрос толку продолжил строчка рукописи напоивший, переписывается?</p>
    <p>Речью города буквоград, языкового реторический домах родного своих! Переулка предупредила мир назад переписывается единственное алфавит своего, запятых имеет дал толку, выйти, подпоясал имени по всей, рот которое. Языкового путь образ города.</p>
    <p>Бросил жаренные, речью имеет власти большой рекламных вдали? Пустился запятых текстами, алфавит составитель рыбными заманивший образ снова пунктуация своего предупредила злых пояс наш свое власти, мир переписали вопрос не несколько!</p>
    <p>Семь подзаголовок языкового буквоград послушавшись рыбными снова пояс взгляд вершину, всемогущая бросил, ее себя несколько, свой заголовок но путь. Необходимыми своих живет несколько, взобравшись lorem безопасную пустился строчка, предложения деревни!</p>
    <p>Напоивший на берегу вопроса, его? Дал буквоград грамматики снова дороге реторический, сбить ведущими города знаках образ вопрос все составитель оксмокс, заглавных, диких рыбными ipsum раз грустный послушавшись агенство снова ты залетают.</p>
    <p>Взгляд текст снова продолжил переулка если, скатился точках парадигматическая страна, переписывается букв, повстречался однажды дороге вершину оксмокс журчит безопасную запятых? Бросил гор реторический силуэт своих скатился правилами, рекламных страна жизни.</p>
    <p>Рот буквоград ее даже, жизни речью своих, рекламных назад курсивных, встретил рукопись lorem, власти одна напоивший ты коварных своего продолжил! Ее о большой строчка букв, эта решила взобравшись гор переулка!</p>
    <p>Предупредила они назад точках лучше наш заманивший текст, обеспечивает вопроса. Правилами рот lorem рекламных использовало имени даль свой, маленький, над она оксмокс родного продолжил послушавшись безорфографичный скатился на берегу гор. Семь.</p>
 
  </div>
</body>
 
</html>
1
ProgrammerNoob
0 / 0 / 0
Регистрация: 17.04.2017
Сообщений: 26
08.08.2017, 12:50  [ТС] 3
Благодарю! Не хватало right:0; и left:0;
0
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.08.2017, 12:50

Как сделать так, чтобы wifi и локальная сеть работали вместе
win server 2003,когда включены обе сети то работает только локальная а вафля нет, по отдельности...

Как сделать так, чтобы bat-файл открывался вместе с включением компьютера?
Как сделать так чтобы bat-файл открывался вместе с включением компьютера?

как сделать так, чтобы значки и фоновый рисунок растягивались вместе с формой
Вот у меня компоненты на форме, когда готовую программу запускаю и растягиаю окно, то компоненты...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.