Помощник
|
Заливка колонок фоном |
dimanchik87
|
Сообщение
#1
|
||
|
|
||
|
|||
Azazaza_hb |
28.7.2012, 19:37;
Ответить: Azazaza_hb
Сообщение
#2
|
|
|
|
|
dimanchik87
|
Сообщение
#3
|
|
Это не совсем то,что мне нужно.тут рассказывается как создать одинаковые колонки по колонке максимальной высоты,а мне нужно,чтобы независимо от количества контента они были одинаковыми(даже если в них по 2 строчки) |
|
|
Azazaza_hb |
28.7.2012, 21:06;
Ответить: Azazaza_hb
Сообщение
#4
|
|
несовсем понятно, вы хотите чтоб колонки были одной высоты и минимальная высота была до низа экрана?
|
|
|
dimanchik87
|
Сообщение
#5
|
|
Ну почти...
У меня внизу футер,я хочу,чтобы он при небольшом количестве контента был внизу экрана (т.е. я делаю min-height:100% и позволяю футеру залезать на свои колонки с помощью margin и padding). При этом я хочу,чтобы все колонки шли до футера и были залиты Background. Ну..... КАК-ТО ТАК. Кстати очень интересная статья про колонки,спасибо!!!! |
|
|
Muxa_hb |
28.7.2012, 21:42;
Ответить: Muxa_hb
Сообщение
#6
|
|
я использую плагин jquery EqualHeihgt для этого обычно
а чтобы футер был всегда внизу - делайте для общего блока (или body) min-height:600px к примеру |
|
|
dimanchik87
|
Сообщение
#7
|
|
а чем лучше min-height:600px чем min-height:100%?а если будет изначально 800px и мало контента или 400px?
|
|
|
dimanchik87
|
Сообщение
#8
|
|
А почему не получается задать height:100% для каждой колонки в процентах от div в котором это всё лежит с min-height:100%
|
|
|
Azazaza_hb |
29.7.2012, 1:00;
Ответить: Azazaza_hb
Сообщение
#9
|
|
вот попробуйте, написал такой скрипт, его в head поместите и поменяйте первые 3 строчки после второй
[JS] <script type="text/javascript"> window.onload = function(){ headerID = "header"; //id хэдэра footerID = "footer"; //id футера contentID = "middle"; //id блока с колонками var elements = []; var maxHeight = 0; var content = document.getElementById(contentID); var headerFooter = document.getElementById(headerID).clientHeight + document.getElementById(footerID).clientHeight; var contentH = content.clientHeight; var list=content.childNodes; var k = 0; for(var i=0; i<list.length; i++) if(list[i].nodeType == 1) { if(maxHeight < list[i].clientHeight) maxHeight = list[i].clientHeight; elements[k] = list[i]; k++; } function collumsResize(){ var windowHeight = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight)); var freeForContent = windowHeight - headerFooter; if(freeForContent >= contentH){ maxHeight = freeForContent; } for(var i=0; i<elements.length; i++) elements[i].style.height = maxHeight+"px"; } collumsResize(); window.onresize = function() { collumsResize(); } } </script> [/JS] |
|
|
dimanchik87
|
Сообщение
#10
|
|
Спасибо огромное за старания,но это работает только когда мало текста,как только происходит переполнение не работает padding для блока с колонками,а для левой/правой колонки и min-height:100%.Но если не замарачиваться и не еб.ть себе голову,то хороший вариант.Спасибо!
З.Ы. но всё-таки интересно добиться поставленной цели! |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Проблема с тянущимся фоном | 1 | Sabrava | 2763 | 27.5.2013, 22:15 автор: -danil-html- |
|
Заливка видео с помощью HTML ! | 1 | Ankedo | 3239 | 11.11.2012, 20:51 автор: -html-performer- |
|
где найти такой плагин ? (слайд с фоном за картинкой) | 2 | coma | 3576 | 6.9.2012, 19:52 автор: -coma2- |
|
Заливка шаблона на сайт | 5 | MrAMD | 25830 | 17.2.2012, 16:34 автор: -Knt-4- |
|
Скачивание/заливка файлов от малых до больших размеров |
2 | Felorion | 1357 | 21.10.2011, 23:19 автор: Felorion |
Текстовая версия | Сейчас: 25.4.2024, 20:52 |