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

сделать резиновую высоту сайта

23.03.2016, 17:45. Показов 760. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Код css
html,body
{
background-color: #F0F0F0;
height: 100%;

}



#general
{

width: 100%;
max-width:1500px;
min-height: 800px;
height: 100%;

overflow:visible;
margin: auto;
background-color: rgb(253, 253, 253);
box-shadow: 0 0 5px;

}
в блоке general располагаются остальные блоки. При добавлении блока content в центральную часть блока general блок content выходит за рамки основного блока general. Перепробовал все что знал, никак не могу растянуть основной блок. Кто что может подсказать?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.03.2016, 17:45
Ответы с готовыми решениями:

Сделать резиновую высоту
Вообщем дела с height плохи,т.к. по умолчанию auto,в пикселях плохо будет выглядеть на других экранах.Видел с костылями с помощью...

Как сделать высоту сайта без прокрутки
Всем доброго времени суток! Интересует такой вопрос: у меня фон сайта сделан как слайд-шоу(из 12 картинок) которые меняются автоматически...

Как сделать резиновую область?
Редактирую тему на Drupal В ней есть 3 области левый сайдбар правый сайд бар и центральная область. Мне надо что бы сайдбары были...

1
-24 / 3 / 0
Регистрация: 15.07.2011
Сообщений: 229
24.03.2016, 14:06
показывай html

Добавлено через 3 минуты
CSS
1
2
3
4
5
6
7
html, body
    {
    width:100%; 
    height:100%; 
    min-height:100%;
    
    }
Добавлено через 1 минуту
CSS
1
2
3
4
5
6
#content
        {     
        margin:0 240px 0 240px; 
      
        
        height:100%;
Добавлено через 7 минут
CSS
1
2
3
4
5
6
#general
{ 
 
width: 100%;
max-width:1500px;
min-height: 100%;
Добавлено через 2 часа 25 минут
CSS
1
min-height: 800px;
те либо добавляй прокрутку либо делай 100%
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.03.2016, 14:06
Помогаю со студенческими работами здесь

Не получается сделать резиновую шапку на сайте
Привет! Загрузил файлы. Но шапка на страничке не отображается. Картинка в общей папке с index.html и header.css в файле...

Как правильней сделать эту резиновую вёрстку?
Мне надо, чтоб при изменении размера окна браузера, правый блок не съезжал вниз. На картинке ниже показано что я примерно хочу....

Как сделать резиновую верстку с Div, использованием <!doctype html>
Ситуация интересная. Без &lt;!doctype html&gt; - верстка работает. С использованием &lt;!doctype&gt;, все исчезает.

Как сделать "резиновую" картинку в хедере
Вот собственно и сам вопрос. Как сделать резиновую картинку в хедере такую, что бы она растягивалась на разных расширениях монитора? ...

Нужно растянуть фон сайта на всю ширину и высоту
Добрый день, У меня есть фоновая картинка - что типа этого Весит мой фон 1,2 мб. У меня 2 вопроса: Нормально ли это для фон?...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru