Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.84/37: Рейтинг темы: голосов - 37, средняя оценка - 4.84
0 / 0 / 0
Регистрация: 28.01.2015
Сообщений: 1

Sidebar на всю высоту страницы

28.01.2015, 16:01. Показов 7089. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.
Сайдбар и контент находятся в одном контейнере.
Неообхдимо, чтобы сайдбар в любом случае занимал всю высоту страницы.
Проблема в том, что при слишком большом контенти контейнер( height: 100%) не расширяется..В результате Контент превышает отметку в 100% и уходит вниз, в то время как сайдбар занимает все те же 100%.
По идеи надо поставить контейнеру height: auto - (чтобы он расширился вместе с контентом), и дать сайдбару 100% высоты контейнера. - НО , тогда если контент будет меньше 100%-ой высоты, то и контейнер тоже будет меньше - а значит 100% высоты контейнера у сайдбара визуально будут смотреться меньше чем высота страницы(т.е. сайдбар будет не до конца страницы доходить).

Вот , кто-нибудь знает как сделать чтобы сайдбар постоянно всю страницу занимал средствами CSS?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.01.2015, 16:01
Ответы с готовыми решениями:

Навигация на всю высоту страницы
нужно сделать, чтобы блок с навигацией был на всю страницу https://jsfiddle.net/qkup68bx/ <body> ...

<html> и <body> на всю высоту страницы
Добрый день! пишу сайт http://usahotsale.esy.es/. Подскажите пожалуйста как растянуть &lt;html&gt; и &lt;body&gt; на всю высоту...

Блок на всю ширину и высоту страницы
Добрый день! Как сделать так что бы divблок растянулся на всю ширину и не было видно отступов? &lt;html&gt; &lt;head&gt; ...

1
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
28.01.2015, 18:21
Надо ставить контейнеру не height: 100%, а min-height:100%;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.01.2015, 18:21
Помогаю со студенческими работами здесь

Растянуть body на всю высоту страницы
Добрый вечер. Надо чтобы высота body была по всей странице. html { height:100%; } body { border:1px solid #000000; ...

Как растянуть body на всю высоту страницы
Добрый день. Вопрос заключается в следующем: Высота body покрывает только окно браузера, а при увеличении контента и появлении скролла ...

Как сделать сайдбар на всю высоту страницы?
http://arhicentr.com/projects/public_buildings_and_complexes/cafe_50_seats_on_a_street_karasun_quay_krasnodar/ Как сделать, чтобы...

Высота содержания Web - страницы во всю высоту окна
Здравствуйте. Во время создания Web - страницы столкнулся с проблемой: при открытие страницы все идет хорошо - высота сопоставляется с...

Центральный блок должен растягиваться на всю высоту экрана, а не на высоту контента
Всем привет. Сразу к делу. Сайт делаю резиновым. Структура сайта по сути из трёх блоков. Шапка, подвал, а на весь центральный блок идет...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru