forum.opennet.ru - "Как сделать HTML страницу из трёх блоков с прокруткой среднего " (8)

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

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

"Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+3 +/–
Сообщение от КриоМух (?), 25-Окт-23, 09:22
Доброго дня Уважаемые! Клепаю тут страницу, и хочу чтобы не было JS, а надо в частности мне сделать стандартную штуку: <body> <div id="pgHeader">Тут шапка страницы. Её высота неизвестна</div> <div id="pgContent">Тут собственно блок с содержимым. Он должен быть высотой от шапки до подножья, и если содержимое не влазит, то с прокруткой (но только сам блок с прокруткой, а не страница)</div> <div id="pgFooter">Это подножье страницы, тоже неясна высота. Этот блок должен быть прикреплен к низу экрана.</div> </body> Подскажите как это на CSS сделать? Т.е. шапка и подножье всегда должны быть на своих местах соответственно сверху и снизу, а блок содержимого при необходимости скроллиться.
Ответить \| Правка \| Cообщить модератору

Оглавление

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

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

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

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

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

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

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

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

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

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

Сообщение от abi (?), 26-Окт-23, 15:46

Я бы фреймами сделал.

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

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

Сообщение от КриоМух (?), 26-Окт-23, 19:33

> Я бы фреймами сделал.
Ну фреймы вроде как неактуально настолько, что их даже из браузеров то ли подумывают выпиливать, то ли выпилили. Не, фреймы это шибко жоский хардкор.

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

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

Сообщение от Аноним (2), 26-Окт-23, 18:40

надо делать таблицами. Вот шаблон:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE>

</TABLE>
</BODY>
</HTML>

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

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

Сообщение от КриоМух (?), 26-Окт-23, 19:06

>[оверквотинг удален]
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
> <HTML>
> <HEAD>
> </HEAD>
> <BODY BGCOLOR="#FFFFFF">
> <TABLE>
> 
> </TABLE>
> </BODY>
> </HTML>
Спасибо, но можно чуточку более развёрнуто, как сделать чтобы ячейка в среднем из 3-х рядов в таблице не растягивалась под своё содержимое?
т.е. какой набор трюков нужен над таблицей
<table>
<tr><td>шапка</td></tr>
<tr><td>содержимое + <img style="height:2000px" src="путь_к_большой картинке"><td></tr>
<tr><td>подножье</td></tr>
</table>
, чтобы таблица растянулась на экран, шапка верхняя часть, подножье снизу, а содержимое с огромной картинкой в ячейке у которой скролл по вертикали, которым это содержимое и мотается?

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

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

Сообщение от Аноним (5), 27-Окт-23, 19:28

так третий ответ в гугле на "scroll inside div" - https://www.geeksforgeeks.org/making-a-div-vertically-scroll.../
ну вы ч0
            div.scroll {
                margin:4px, 4px;
                padding:4px;
                background-color: green;
                width: 500px;
                height: 110px;
                overflow-x: hidden;
                overflow-y: auto;
                text-align:justify;
            }

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

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

Сообщение от КриоМух (?), 28-Окт-23, 20:49

>[оверквотинг удален]
>
>     height: 110px;
>
>     overflow-x: hidden;
>
>     overflow-y: auto;
>
>     text-align:justify;
>
> }
Слушайте, но ведь ясно видно, что данное решение не подходит. В нём подразумевается, что высота div'а известна, она и задаётся в стиле. А я же написал задачу. Что сколько-то вертикали уходит на заголовок, сколько-то на подножье, остальное (неизвестно сколько, зависит от браузера, разрешения у пользователя, от шрифтов и пр.) должно остаться на контент. И в этом соль и есть как отвести ему только оставшееся место на экране. Условия же вопроса вполне однозначно описаны, можно ведь прочитать прежде чем отвечать, и уж тем более прежде чем ворчать не по делу.

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

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

Сообщение от Аноним (7), 15-Ноя-23, 10:33

Высота таблицы 100%,
высота заголовка 100px,
высота середины не указана,
высота футера 100px.

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

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

Сообщение от КриоМух (?), 15-Ноя-23, 17:13

> Высота таблицы 100%,
> высота заголовка 100px,
> высота середины не указана,
> высота футера 100px.
Вы таки настаиваете что футер и заголовок должны быть жестко заданной высоты. Но этого нет в условии. Понимаете, вот к примеру в шапке блок H1 с текстом - типа лого, также контакты всякие написаны. В футере тоже что-то текстом оформлено, откуда там знать какую задавать высоту? Ведь это будет зависеть от разрешения, шрифтов и прочих пользовательских условий.
Как на форумах любят давать свои условия задач, вместо ответов на вопросы сформулированные вопрошающим. Ужас.

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

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

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

Партнёры:

Хостинг:

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

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

1. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+3 +/–
Сообщение от abi (?), 26-Окт-23, 15:46
Я бы фреймами сделал.
Ответить \| Правка \| Наверх \| Cообщить модератору


	4. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+2 +/–
	Сообщение от КриоМух (?), 26-Окт-23, 19:33
	> Я бы фреймами сделал. Ну фреймы вроде как неактуально настолько, что их даже из браузеров то ли подумывают выпиливать, то ли выпилили. Не, фреймы это шибко жоский хардкор.
	Ответить \| Правка \| Наверх \| Cообщить модератору

2. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
Сообщение от Аноним (2), 26-Окт-23, 18:40
надо делать таблицами. Вот шаблон: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> </HEAD> <BODY BGCOLOR="#FFFFFF"> <TABLE> <!-- Тут будет верстка --> </TABLE> </BODY> </HTML>
Ответить \| Правка \| Наверх \| Cообщить модератору


	3. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
	Сообщение от КриоМух (?), 26-Окт-23, 19:06
	>[оверквотинг удален] > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> > <HTML> > <HEAD> > </HEAD> > <BODY BGCOLOR="#FFFFFF"> > <TABLE> > <!-- Тут будет верстка --> > </TABLE> > </BODY> > </HTML> Спасибо, но можно чуточку более развёрнуто, как сделать чтобы ячейка в среднем из 3-х рядов в таблице не растягивалась под своё содержимое? т.е. какой набор трюков нужен над таблицей <table> <tr><td>шапка</td></tr> <tr><td>содержимое + <img style="height:2000px" src="путь_к_большой картинке"><td></tr> <tr><td>подножье</td></tr> </table> , чтобы таблица растянулась на экран, шапка верхняя часть, подножье снизу, а содержимое с огромной картинкой в ячейке у которой скролл по вертикали, которым это содержимое и мотается?
	Ответить \| Правка \| Наверх \| Cообщить модератору

5. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
Сообщение от Аноним (5), 27-Окт-23, 19:28
так третий ответ в гугле на "scroll inside div" - https://www.geeksforgeeks.org/making-a-div-vertically-scroll.../ ну вы ч0 div.scroll { margin:4px, 4px; padding:4px; background-color: green; width: 500px; height: 110px; overflow-x: hidden; overflow-y: auto; text-align:justify; }
Ответить \| Правка \| Наверх \| Cообщить модератору


	6. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
	Сообщение от КриоМух (?), 28-Окт-23, 20:49
	>[оверквотинг удален] > > height: 110px; > > overflow-x: hidden; > > overflow-y: auto; > > text-align:justify; > > } Слушайте, но ведь ясно видно, что данное решение не подходит. В нём подразумевается, что высота div'а известна, она и задаётся в стиле. А я же написал задачу. Что сколько-то вертикали уходит на заголовок, сколько-то на подножье, остальное (неизвестно сколько, зависит от браузера, разрешения у пользователя, от шрифтов и пр.) должно остаться на контент. И в этом соль и есть как отвести ему только оставшееся место на экране. Условия же вопроса вполне однозначно описаны, можно ведь прочитать прежде чем отвечать, и уж тем более прежде чем ворчать не по делу.
	Ответить \| Правка \| Наверх \| Cообщить модератору


	7. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+1 +/–
	Сообщение от Аноним (7), 15-Ноя-23, 10:33
	Высота таблицы 100%, высота заголовка 100px, высота середины не указана, высота футера 100px.
	Ответить \| Правка \| Наверх \| Cообщить модератору


	8. "Как сделать HTML страницу из трёх блоков с прокруткой среднего "	+/–
	Сообщение от КриоМух (?), 15-Ноя-23, 17:13
	> Высота таблицы 100%, > высота заголовка 100px, > высота середины не указана, > высота футера 100px. Вы таки настаиваете что футер и заголовок должны быть жестко заданной высоты. Но этого нет в условии. Понимаете, вот к примеру в шапке блок H1 с текстом - типа лого, также контакты всякие написаны. В футере тоже что-то текстом оформлено, откуда там знать какую задавать высоту? Ведь это будет зависеть от разрешения, шрифтов и прочих пользовательских условий. Как на форумах любят давать свои условия задач, вместо ответов на вопросы сформулированные вопрошающим. Ужас.
	Ответить \| Правка \| Наверх \| Cообщить модератору