Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вёрстка height = 100% / 5 сообщений из 5, страница 1 из 1
17.02.2015, 18:07
    #38882122
kolyan2288
kolyan2288
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вёрстка height = 100%
Привет ребят, как решить проблему по 100% высоте при переполнении содержимым вот облако http://jsfiddle.net/wvuvLhuo/2/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2015, 18:31
    #38882148
DeLemur
DeLemur
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вёрстка height = 100%
kolyan2288,

Так вроде работает)

*{
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
html, body, .wrap, .wrap_inner{
background: red;
}
.wrap_inner{
position: relative;
margin: 0 auto;
width: 500px;
background: #578;
display:block;
}


У html нужно убрал height, а у wrap_inner добавил display:block;))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2015, 19:13
    #38882173
Alexander A. Sak
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вёрстка height = 100%
А какую проблему надо решить при переполнении содержимым?
Два варианта вижу:
- должен появиться скроллбар у .wrap_inner. Это overflow:auto;
- .wrap_inner должен быть по всему тексту. Ну так height:auto. А чтобы при малом количестве строк высота все равно была 100% -- добавить min-height:100%
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2015, 09:53
    #38882488
kolyan2288
kolyan2288
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вёрстка height = 100%
Alexander A. SakА какую проблему надо решить при переполнении содержимым?
- .wrap_inner должен быть по всему тексту. Ну так height:auto. А чтобы при малом количестве строк высота все равно была 100% -- добавить min-height:100%
Alexander A. Sak Спасибо, это нужно было:
min-height:100%;
height:auto;

дико видеть два правила на высоту))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2015, 10:01
    #38882506
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вёрстка height = 100%
kolyan2288
Код: css
1.
2.
min-height:100%;
height:auto;



дико видеть два правила на высоту))
Это таки два разных правила...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вёрстка height = 100% / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 508ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446256]:
 0ms
get settings:
 8ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 180ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 61ms
get tp. blocked users:
 1ms
others: 218ms
total:  508ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]