|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
20.08.2014, 00:13 | #1 |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
Вложенный div высотой 100%
Кто знает как вложенный див сделать высотой 100% внутри контейнера?
Сам контейнер высотой 100%. Если вложенному диву задать высоту 100% и float: left;, то это не работает. Вот код: Код HTML:
<html> <head> <title></title> <style> html { height: 100%; } body { margin: 0; padding: 0; height: 100%; } .cabinet_wrapper { background: #EEE; border-left: 1px solid #000; border-right: 1px solid #000; padding: 0 20px 0 20px; margin: auto; width: 900px; min-height: 100%; } </style> </head> <body> <div class="cabinet_wrapper"> Text </div> </body> </html> Последний раз редактировалось Бублик-Рублик; 20.08.2014 в 00:22. |
20.08.2014, 01:29 | #2 |
Регистрация: 19.08.2014
Сообщений: 4
|
Вопрос не ясен, скажу так.
Последний раз редактировалось Owl-cat; 20.08.2014 в 01:34. |
20.08.2014, 01:45 | #3 |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
Как вложенный див сделать высотой 100% внутри контейнера?
<div> #контейнер высотой 100% <div></div> #вложенный - как сделать высотой 100%? </div> Последний раз редактировалось Бублик-Рублик; 20.08.2014 в 01:48. |
20.08.2014, 02:24 | #4 |
Регистрация: 19.08.2014
Сообщений: 4
|
|
20.08.2014, 13:34 | #5 | |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
Цитата:
Вложенный див от этого не становится 100%. Люди, подскажите пожалуйста, как вложенный див сделать высотой 100%? Вот код: Код HTML:
<html> <head> <title></title> <style> html { height: 100%; } body { margin: 0; padding: 0; height: 100%; } .cabinet_wrapper { background: #EEE; border-left: 1px solid #000; border-right: 1px solid #000; padding: 0 20px 0 20px; margin: auto; width: 900px; min-height: 100%; } .navigation { float: left; background: #ссс; padding: 0 20px 0 20px; min-height: 100%; } </style> </head> <body> <div class="cabinet_wrapper"> <div class="navigation">Меню</div> </div> </body> </html> Последний раз редактировалось Бублик-Рублик; 20.08.2014 в 13:39. |
|
20.08.2014, 14:20 | #6 |
Форумчанин
Регистрация: 08.11.2009
Сообщений: 225
|
у меня все работает - див во всю высоту экрана
Последний раз редактировалось Pamparam; 20.08.2014 в 14:29. |
20.08.2014, 14:54 | #7 |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
Нужно во всю высоту страницы, а не экрана.
Если бы всё так было, то я бы тут не просил о помощи. Я уже 3 дня парюсь с этой проблемой. Если в меню добавить кучу текста, то получается такая фигня внизу (див контейнера уже не 100%): Последний раз редактировалось Бублик-Рублик; 20.08.2014 в 14:59. |
20.08.2014, 14:57 | #8 |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
Или так ломается:
|
20.08.2014, 16:22 | #9 |
Регистрация: 19.08.2014
Сообщений: 4
|
Это макет?
Последний раз редактировалось Owl-cat; 20.08.2014 в 16:35. |
20.08.2014, 18:27 | #10 |
Пользователь
Регистрация: 03.06.2014
Сообщений: 26
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Вложенный div высотой 100% | Бублик-Рублик | HTML и CSS | 0 | 20.08.2014 00:10 |
CSS (3) div height 100% не работает в Opera | Lime | HTML и CSS | 4 | 07.08.2013 19:58 |
Вложенный класс в шаблон. Указатель на вложенный класс в возвращаемом значении метода шаблона. Что делать? | Asya1994 | Помощь студентам | 3 | 09.12.2012 01:43 |
Как выровнять по цетру вложенный div? | valerka92 | HTML и CSS | 10 | 11.09.2012 08:13 |