Как заставить пустой див, тянутся ?

12
copyman1989
На сайте с 19.03.2009
Offline
110
1719

есть див, высота должна тянутся в зависимости от сайта, див без текста - с бекграундом, не могу никак заставить!

Сайты любой сложности на drupal 7 (/ru/forum/997786) ||| займы онлайн на карту (https://lipzaim.ru/bystrye-zaymy-na-kartu) ||| Займы на карту сбербанка (https://lipzaim.ru/zaym-na-kartu-sberbanka)
Avenger
На сайте с 22.07.2007
Offline
47
#1

пропишите ему в стилях overflow:hidden; либо float:left(right) или после него вставьте <div style="clear:both"></div>

С уважением, Андрей Головнев (http://golovnev.by/)
codemorgan
На сайте с 12.01.2009
Offline
48
#2

Что-то мне кажется что в ИЕ нифига не сработает

Верстка/PHP/Wordpress/Magento (http://codemorgan.ru/services)
Avenger
На сайте с 22.07.2007
Offline
47
#3

codemorgan, вам кажется

malls
На сайте с 08.08.2005
Offline
255
#4

Я так понимаю задача в том что есть два дива - в одном фон в другом текст (текст разный по объему), делается просто - скриптом запрашиваем свойства дива с текстом (на предмет его высоты в данном клиенте/браузере), и тем же скриптом задаем высоту диву с фоном...

Как то так:


document.getElementById("fon").style.height = document.getElementById("content").clientHeight;
Avenger
На сайте с 22.07.2007
Offline
47
#5

зачем использовать javascript, если это можно решить штатными средствами css?

Nunan
На сайте с 15.08.2008
Offline
78
#6

а разве height:100% не работает?

malls
На сайте с 08.08.2005
Offline
255
#7
Nunan:
а разве height:100% не работает?

Работает... Но на размер экрана... А если текста больше?

Avenger:
зачем использовать javascript, если это можно решить штатными средствами css?

Как?

K
На сайте с 06.07.2009
Offline
11
#8
malls:
Работает... Но на размер экрана... А если текста больше?

значит надо указать ещё и у body c html высоту в 100%, вроде должно помочь

converse19880604
На сайте с 31.05.2009
Offline
164
#9

мб

height:auto !important;
min-height:100%;

минимальная сто% если больше то "ауто", вроде должно работать.

malls
На сайте с 08.08.2005
Offline
255
#10
krundetz:
значит надо указать ещё и у body c html высоту в 100%, вроде должно помочь

Ну высота у <html> это вообще жесть... Когда найдете маны на такое дело - обязательно мне пришлите...

А что до <body> - высота задается либо в % от высоты рабочего экрана, либо строго по размеру, либо автоматически по содержимому блока. Размер (необходимый) можно только подсмотреть скриптом (т.к. в разных бродилках он разный), % от размера экрана не дает ничего т.к. контента может быть на пару экранов - опять таки размер неизвестен. А вот случай:

converse19880604:
height:auto !important;

не катит, т.к. у ТС целевой див изначально пуст...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий