Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
mikhail90
0 / 0 / 0
Регистрация: 21.03.2013
Сообщений: 76
#1

Не определяется высота контейнера

23.05.2013, 14:14. Просмотров 767. Ответов 5
Метки нет (Все метки)

Необходимо, чтобы DIV контейнер "blokmenu" был высотой 85% процентов от страницы, а контейнер "niz'' был в самом низу. Сколько я не задавал параметров высоты для контейнера "blokmenu" (так же пробовал задавать высоту для "soder"), он всегда оставался таким же как на скрине. Помогите, сделать его нужной высоты

HTML5
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
<!DOCTYPE html>
<HTML>
 <HEAD>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
  <TITLE> Математика </TITLE>
  <LINK REL="stylesheet" HREF="mainCSS.css" TYPE="text/css">
 </HEAD>
 
 
<BODY>
 <DIV CLASS="vverh">
   <A HREF="main.htm" CLASS="shapka">  Web math  </A> 
 </DIV>
 
 <DIV CLASS="blokmenu"> 
  <TABLE>
   <TR> <TH> <A href="#" CLASS="links"> Калькулятор </A> </TH> </TR>
   <TR> <TH> <A href="#" CLASS="links"> Квадратное уравнение </A> </TH> </TR>
   <TR> <TH> <A href="#" CLASS="links"> Уравнение с N неизвестными </A> </TH> </TR>
   <TR> <TH> <A href="#" CLASS="links"> Матрицы 3 на 3 </A> </TH> </TR>
   <TR> <TH> <A href="#" CLASS="links"> Матрицы N на N </A> </TH> </TR>
 
  </TABLE>
 </DIV>
 
 <DIV CLASS="soder">
  Содержимое тут
 </DIV>
 
 <DIV CLASS="niz">
   Нижнее содержимое
 </DIV>
 
 
</BODY>
</HTML>
CSS
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
BODY { background-color: #FFFF00 }
 
 
.shapka {font-family: Georgia;
         font-size: 60px;
         font-weight: bold;
         text-decoration: none;
         color: black ;
         letter-spacing: 1mm;
         text-align: center;
         display: block;
         border-bottom: 2px solid black }
 
.links {font-family: Georgia;
        font-weight: bold;
        text-decoration: none;
        color: black;
        display: block;
        text-align: left;
         }
 
.vverh { width: 100%;
         height: 10% }
 
.blokmenu { float: left;
            width: 30%;
            }
 
TABLE { border-right: 2px solid black;
        padding: 1px 10px 1px 3px;
        height: 85%;
        table-layout: auto; }
 
.soder {  width: 70%;
          padding: 1px 3px 1px 3px;}
 
.niz {  width: 100%;
        height : 5%;
        clear: both;
        border-top: 2px solid black }
0
Миниатюры
Не определяется высота контейнера  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.05.2013, 14:14
Ответы с готовыми решениями:

Высота контейнера
Используя bootstrap, можно ли блоку &lt;div class=&quot;container-fluid&quot;&gt;&lt;/div&gt;...

Высота по содержимому контейнера div
Пишу сайт. Есть 2-е колонки: левая - навигация, правая - содержимое. Они...

Содержимое внутреннего контейнера увеличивает размер внешнего контейнера
есть во внутреннем контейнере фотка, которая достаточно велика, ее стиль не...

Одинаковая высота колонок при условии что высота изначально не известна
&lt;div class=&quot;row equal&quot;&gt; &lt;div class=&quot;col-md-8&quot;&gt;...

Высота отца = Высота всех сыновей
Мне необходимо что бы предок наследовал высоты своих потомков потомки &lt;div...

5
Forastero
541 / 323 / 81
Регистрация: 15.05.2013
Сообщений: 781
Записей в блоге: 1
23.05.2013, 14:57 #2
Запомните этот постулат - Высоту блока неявным образом можно менять лишь когда у его родителя высота задана явным образом. Это принцип работы CSS в целом. Так уж было задумано, что высота должна меняться в зависимости от содержимого.

Вам нужно задать высоту для родительского блока. В Вашем случае - Body.
0
mikhail90
0 / 0 / 0
Регистрация: 21.03.2013
Сообщений: 76
23.05.2013, 15:16  [ТС] #3
Я задал значение BODY как 100%, указал значение высоты "blokmenu" как 85, но ничего не изменилось

CSS
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
BODY { background-color: #FFFF00;
       height: 100%; }
 
 
.shapka {font-family: Georgia;
         font-size: 60px;
         font-weight: bold;
         text-decoration: none;
         color: black ;
         letter-spacing: 1mm;
         text-align: center;
         display: block;
         border-bottom: 2px solid black }
 
.links {font-family: Georgia;
        font-weight: bold;
        text-decoration: none;
        color: black;
        display: block;
        text-align: left;
         }
 
.vverh { width: 100%;
         height: 10% }
 
.blokmenu { float: left;
            width: 30%;
            height: 85% }
 
TABLE { border-right: 2px solid black;
        padding: 1px 10px 1px 3px;
        height: 85% }
 
.soder {  width: 70%;
          padding: 1px 3px 1px 3px;}
 
.niz {  width: 100%;
        height : 5%;
        clear: both;
        border-top: 2px solid black;
        }
0
Андрей-СПб
27 / 27 / 0
Регистрация: 21.12.2011
Сообщений: 92
23.05.2013, 15:45 #4
Цитата Сообщение от mikhail90 Посмотреть сообщение
Я задал значение BODY как 100%, указал значение высоты "blokmenu" как 85, но ничего не изменилось
85% от чего??
Есть текст, он занимает 100% высоты своей собственной. Его хочется урезать?
Или! Использовать 85% окна браузера? т.е. монитора

Добавлено через 9 минут
Как было сказано:
Цитата Сообщение от SoraxWeb Посмотреть сообщение
Вам нужно задать высоту для родительского блока. В Вашем случае - Body.
если задать body в конкретной цифре, например 800px, тогда это будет работать
0
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
23.05.2013, 18:34 #5
Иначе задавайте html
0
Taatshi
Администратор
11626 / 5043 / 256
Регистрация: 05.04.2011
Сообщений: 13,796
Записей в блоге: 2
23.05.2013, 18:59 #6
Если хотите чтобы высота сработала, надо 100% задавать и HTML документу, и body

CSS
1
html, body {height: 100%}
0
23.05.2013, 18:59
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.05.2013, 18:59

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

Фон для контейнера
Всем привет! помогите решить проблему! Есть шапка сайте в теге header внутри...

Настройка высоты контейнера
Здравствуйте! Пробую писать сайт на html и css - lbu.on.ufanet.ru На данный...


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

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

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