Забыли пароль?
Запросите новый здесь.

Автор темы: Zaxap
ID темы: 2486
Информация:
Тема содержит 6 сообщения, была просмотрена 4328 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
max- и min-height, в зависимости от высоты
Zaxap
Здравствуйте! Можно ли какими-нибудь средствами сделать max-/min-height, в зависимости от размеров монитора (средствами css)?
То есть, допустим...
min-height:100px;
Если сайт по высоте не влазит полностью (создается overflow-ползунок), срабатывает это свойство, то есть, высота блока становится равной 100px.
max-height:200px;
Если сайт по высоте влазит, остается пустое место, то это "пустое место" заполняется высотой этого блока, пока его высота не станет равной 200px.

Для наглядности вот
изображения



P.S. Чтобы было аналогично, как с min-/max-width (ширина max-width по умолчанию, уменьшается при уменьшении окна браузера)...

Заранее спасибо)
Изменил(а) Zaxap, 21.04.2015 08:39
Зло не дремлет, а я добрый...
 
dark
Можно. Поищи в интернете информацию на тему CSS3 @media
 
Zaxap
Про это знаю... Иначе никак? Хорошо) Спасибо
Зло не дремлет, а я добрый...
 
Rush
css очень плохо работает с высотами, проще сделать через жс
 
Web
Alipapa
Как-то так:
echo "<script language=\"JavaScript\">
<!--
if (screen.height <= '200') {
document.write ('<link rel=\"stylesheet\" href=\"".THEME."styles100.css\" type=\"text/css\" media=\"screen\" />');
}
else {
document.write ('<link rel=\"stylesheet\" href=\"".THEME."styles200.css\" type=\"text/css\" media=\"screen\" />');
}
//-->
</script>";
В header.php вставить
 
Web
Polarfox
на самом деле ксс сами уже умеют в ширину, на то они и стили
http://htmlbook.r...alue/media
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
x1
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)