Перейти к содержанию

"Резиновая" высота div'ного блока.

-=WaMpIr=-

От -=WaMpIr=-
в Компьютерная помощь

 Share

Рекомендуемые сообщения

-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
Опубликовано

Всем привет. Уже не первый раз задаю вопросы по web, просто ни на одном известном мне сайте не дают нормального ответа.

Возникла одна мааленькая проблема, ответа на которую я не нашёл ни в гугле, ни в яндексе. В общем, есть div блок, или ячейка таблицы(без разницы) в котором нет никакой инфы, только фоновая картинка. Нужно сделать так, что бы этот блок/ячейка растягивался на всю высоту сайта. Тоже самое что width:100%, но вот с height это не прокатывает, он просто ставит высоту блока такую, какая высота у картинки. Делать высокую картинку бессмысленно, да и весить она будет много. на край могу напичкать этот блок контентом, вот только каким, не знаю, потому что ширина данного блока 116px.

Спасибо.

Ссылка на комментарий
Поделиться на другие сайты
-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
  • Автор
Опубликовано

Дело в том, что контент на сайте меняется, прибавляется, убавляется, в следствии чего высота самой страницы меняется, если указывать в пикселях то это может быть либо очень много, либо мало. Это один из трёх вертикальных блоков на сайте. Остаётся только одно, связывать все три, либо его с каким-то одним блоком.

Ссылка на комментарий
Поделиться на другие сайты
-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
  • Автор
Опубликовано

В статьях написано через связывание всех трёх колонок, что для меня немножко проблематично сделать. Придётся тогда переписывать...

Спасибо.

Ссылка на комментарий
Поделиться на другие сайты
Urotsuki Ветеран

Urotsuki

Опубликовано
Опубликовано
В статьях написано через связывание всех трёх колонок, что для меня немножко проблематично сделать.

А как надо? Можно, например, сделать одинаковую высоту для двух колонок, а остальные оставить как есть. На примере с JQuery это будет выглядеть так:

Раскрывающийся текст:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>"Резиновая" высота div'ного блока</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style>
.column {width:20%;float:left}
.first {background:red}
.second{background:blue}
.third{background:green}
</style>
<script type="text/javascript">
	 var k = jQuery.noConflict();
	 function equalHeight(group) {
		 var tallest = 0;
		 group.each(function() {
			 thisHeight = k(this).height();
			 if(thisHeight > tallest) {
				 tallest = thisHeight;
			 }
			 });
		 group.height(tallest);
	 }		
	 k(document).ready(function(){
		 equalHeight(k(".column"));
	}); 
	 </script>
</head>
<body>
<div>
<div class="first column">1<br/></div>
<div class="second column">2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/></div>
</div>
<div class="third">3</div>
</body>
</html>

 

 

В связываемые по высоте колонки добавляем класс, указанный в скрипте.

С другими примерами не смотрел как так сделать.

Ссылка на комментарий
Поделиться на другие сайты
kos1nus Ветеран

kos1nus

Опубликовано
Опубликовано (изменено) 

<html>
<style>
#test{
background: url('http://www.kaspersky.ru/images/news/gibrid.png') no-repeat #555555;
height: 100%;
width: 100%;
}
</style>
<div id='test'></div>
</html>

хз, у меня вот так нормально растягивает все без "контента"

 

 

Дело в том, что контент на сайте меняется, прибавляется, убавляется, в следствии чего высота самой страницы меняется, если указывать в пикселях то это может быть либо очень много, либо мало. Это один из трёх вертикальных блоков на сайте. Остаётся только одно, связывать все три, либо его с каким-то одним блоком.
я не знаю что за сайт, я не знаю что и как там реализовано, но я знаю что это решается другими способами. див растягивает по длине/ширине контента, разве ни это надо? Изменено пользователем kos1nus
Ссылка на комментарий
Поделиться на другие сайты
kos1nus Ветеран

kos1nus

Опубликовано
Опубликовано
kos1nus

"height: 100%" растягивает на высоту окна, а не на высоту контента...

див сам растягивается на высоту контента(я об этом уже выше написал). в чем тогда проблема у автора я не понимаю.

 

что за мера такая "высота сайта"? какая высота сайта, например, у фанклуба ЛК?

 

 

тем более автор четко написал

Тоже самое что width:100%
ну так вот я представил пример, где height работает точно так же как и width.
Ссылка на комментарий
Поделиться на другие сайты
Urotsuki Ветеран

Urotsuki

Опубликовано
Опубликовано (изменено)
див сам растягивается на высоту контента(я об этом уже выше написал). в чем тогда проблема у автора я не понимаю.

Растягивается сам. Но нужно чтобы растягивался на общую высоту контента на странице, как я понял. Контент в других колонках может располагаться ниже высоты окна ("height: 100%"):

Раскрывающийся текст:

<html>
<style>
#test{
background: url('http://www.kaspersky.ru/images/news/gibrid.png') no-repeat #555555;
height: 100%;
width: 20%;
float: left;
}
#test2{
background: #000555;
width: 20%;
float: left;
}
#test3{
background: #555000;
width: 20%;
float: left;
}
</style>
<div id='test'></div>
<div id='test2'>11111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111
<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>1111111111<br>
1111111111<br>1111111111<br>11111</div>
<div id='test3'>11111<br>11111</div>
</html>

 

Изменено пользователем Urotsuki
Ссылка на комментарий
Поделиться на другие сайты

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти
 Share
Перейти к списку тем

  • Похожий контент

    • kudryavtcev.as
      Не активен блок параметров исключения из проверки в KES 12.3
      От kudryavtcev.as
      Не активен блок "исключения из проверки в KES 12.3."  Сам раздел активен, но при переходе по кнопке настройка, чтобы настроить параметры, там все заблокировано. Статус замочка в родительской политике открытый. Дочерних политик нет. Что может быть?
    • Nktz
      Передвинул системный блок теперь no signal на мониторе
      От Nktz
      У меня на глазах компьютер работал, был постоянно подключен к телевизору по hdmi.
      Поднял на полку выше, чтобы ребенок не доставал.
      Подключил все заново - no signal на тв. Притащил монитор обычный, другой hdmi провод. То же самое.
      Внутри отсоединил видеокарту, почистил ластиком, также вытащил и вставил заново оба контакты питания и оба pci e, вставил назад.
      Результат тот же.
      При включении бипов нет, внутри все крутится, кулеры тоже.
      Осталось только попробовать вытащить батарейку, как в подобных темах писали.
      После этого, видимо, тащить на проверку в мастерскую, дело ли в видеокарте, процессоре или чем то ещё.
      На проце нет встроенной видео, но зато видюха 3080 :)
      Комп был куплен в сборе, года 4 назад сам вставлял wifi модуль, на этом все.
      Последние 10 дней комп работал для удаленного доступа во время отпуска. Но после этого включал,выключал, работал.
       
      В общем, если есть что подсказать, пожалуйста, подскажите?
    • Mrak
      Обслужить системный блок или похоронить?
      От Mrak
      Всем привет!
       
      Есть в наличии старый игровой ПК. Был куплен в 2013 году и успешно эксплуатируется для работы. В последнее время стал тормозить. Памяти не хватает (2 тб. диск забит). Оперативная память тоже часто забита на 80% и выше. Плюс внутри залежи пыли. Ещё иногда оттуда пованивает, или у меня глюки (будто что-то замыкает, но не сильно), а может это пыль от нагрева - кто ж его знает.
       
      Вопрос: обслужить компьютер (отдать на чистку, замену термопасты, поставить туда ещё 8 гб. оперативки + новый жесткий диск на 5-10 тб.) или похоронить и купить новый системный блок?
       
      С одной стороны лишних денег не имеется, с другой стороны, не хотелось бы вложиться в старый компьютер, чтобы потом там что-то перемкнуло от старости и в итоге всё равно купить новый системник. Тем более у меня есть обоснованные сомнения, что абсолютно новый системник будет принципиально (заметно, ощутимо) быстрее старого. Ведь если хром открывается за 3 секунды, а будет открываться за две секунды, не факт, что я замечу. 
       
      Скриншоты с характеристиками под спойлером.
      Благодарю за советы. 
    • Alien17
      Ноутбук включаетя с 3-6 раза и только при отключенном блоке питания.
      От Alien17
      Здравствуйте, появилась следующая проблема. Ноутбук не загружается при включенном в него блоке питания. Если отключить блок питания то он запустится на 3 или более раз.
      Если не вставить блок питания обратно на этапе логина в виндоус, то ноутбук  зависает. Ноутбук Alienware r17
       
      В чем причина ?
×
×
  • Создать...