forum.opennet.ru

Форум WEB технологии (CSS)
Вариант для распечатки		Пред. тема \| След. тема
Режим отображения отдельной подветви беседы		[ Отслеживать ]

Оглавление

Как сделать HTML страницу из трёх блоков с прокруткой среднего , КриоМух (?), 25-Окт-23, (0) [смотреть все] +4

Я бы фреймами сделал , abi (?), 15:46 , 26-Окт-23, (1) +4 //

Ну фреймы вроде как неактуально настолько, что их даже из браузеров то ли подумы, КриоМух (?), 19:33 , 26-Окт-23, (4) +3

надо делать таблицами Вот шаблон DOCTYPE HTML PUBLIC - W3C DTD HTML 4 01 , Аноним (2), 18:40 , 26-Окт-23, (2) +2 //

gt оверквотинг удален Спасибо, но можно чуточку более развёрнуто, как сделать , КриоМух (?), 19:06 , 26-Окт-23, (3) +2

так третий ответ в гугле на scroll inside div - https www geeksforgeeks org , Аноним (5), 19:28 , 27-Окт-23, (5) +2 //

gt оверквотинг удален Слушайте, но ведь ясно видно, что данное решение не подх, КриоМух (?), 20:49 , 28-Окт-23, (6) +3 //

Высота таблицы 100 ,высота заголовка 100px,высота середины не указана,высота фут, Аноним (7), 10:33 , 15-Ноя-23, (7) +3 //

Вы таки настаиваете что футер и заголовок должны быть жестко заданной высоты Но, КриоМух (?), 17:13 , 15-Ноя-23, (8) +2

Решили задачку Как вариант можно было основной каркас обернуть в див со свойство, Аноним (9), 01:53 , 10-Фев-24, (9) +1 //

Спасибо огромное, Уважаемый Именно так получилось Всё оказалось до неприличия , КриоМух (ok), 19:46 , 13-Фев-24, (11)

На stallman org те самые три блока посмотри , Аноним (-), 10:02 , 10-Фев-24, (10)

Сообщения [Сортировка по времени | RSS]

9. "Как сделать HTML страницу из трёх блоков с прокруткой среднего " +1 +/–

Сообщение от Аноним (9), 10-Фев-24, 01:53

> Доброго дня Уважаемые!
Решили задачку?
Как вариант можно было основной каркас обернуть в див со свойством
display: flex;
Flex-flow: column;
Justify-content: space-between;
Кажись так
А центральному блоку поставить overflow-y: scroll;
Но ему скорее всего еще желательно задать св-во height: ...%
Ну как-то так

Ответить | Правка | Наверх | Cообщить модератору

11. "Как сделать HTML страницу из трёх блоков с прокруткой среднего " +/–

Сообщение от КриоМух (ok), 13-Фев-24, 19:46

> Кажись так
Спасибо огромное, Уважаемый!
Именно так получилось. Всё оказалось до неприличия просто

<html>
    <head><title>test</title></head>
    <style>
    body {
        margin: 0;
        padding: 0;
    }
    #d1 {
        display: flex;
        flex-flow: column;
        background-color: yellow;
        height: 100vh;
        width: 50vw;
        margin: 0 auto;
    }
    #d2_1 {
        background-color: white;
    }
    #d2_2 {
        background-color: blue;
        height: 99%;
        overflow-y: scroll;
    }
    #d2_3 {
        background-color: red;
    }
    </style>
    <body>
        <div id="d1">
            <div id="d2_1">ШАПКА ТУТ</div>
            <div id="d2_2">Содержимое тут</div>
            <div id="d2_3">Подножье тут</div>
        </div>
    </body>
</html>

Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема

Партнёры:

Хостинг:

Закладки на сайте
Проследить за страницей

Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру

9. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
Сообщение от Аноним (9), 10-Фев-24, 01:53
> Доброго дня Уважаемые! Решили задачку? Как вариант можно было основной каркас обернуть в див со свойством display: flex; Flex-flow: column; Justify-content: space-between; Кажись так А центральному блоку поставить overflow-y: scroll; Но ему скорее всего еще желательно задать св-во height: ...% Ну как-то так
Ответить \| Правка \| Наверх \| Cообщить модератору


	11. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+/–
	Сообщение от КриоМух (ok), 13-Фев-24, 19:46
	> Кажись так Спасибо огромное, Уважаемый! Именно так получилось. Всё оказалось до неприличия просто <html> <head><title>test</title></head> <style> body { margin: 0; padding: 0; } #d1 { display: flex; flex-flow: column; background-color: yellow; height: 100vh; width: 50vw; margin: 0 auto; } #d2_1 { background-color: white; } #d2_2 { background-color: blue; height: 99%; overflow-y: scroll; } #d2_3 { background-color: red; } </style> <body> <div id="d1"><!-- Общий блок --> <div id="d2_1">ШАПКА ТУТ</div><!-- Шапка --> <div id="d2_2">Содержимое тут</div><!-- Содержимое --> <div id="d2_3">Подножье тут</div><!-- Подножье --> </div> </body> </html>
	Ответить \| Правка \| Наверх \| Cообщить модератору