слой на всю страницу absolute

[Zverushka]

http://jsfiddle.net/Cgc2m/

 

как сделать, чтобы серый слой был высотой во всю длину страницы?

[Zverushka]

Суть в том, что таблица должна быть на 100% экрана и слой со слайдером на 100% экрана. Получается либо таблица не на 100%, либо слайдер не закрывает всю страницу, а видимое окно.

http://html2css.ru/fashion/

[swandev]

Мне ничего не приходит в голову, поэтому сделал бы через JS

[amelice]

Если слайдер ничего информативного кроме картинок содержит, может сделать position: fixed, а не absolute?

[Zverushka]

Мне ничего не приходит в голову, поэтому сделал бы через JS

 

Угу, пока не смогла на css решить, временно на js поставила 

 

  $("#viewport").height($("body").height());  $(window).resize(function() {    $("#viewport").height("");    $("#viewport").height($("body").height());  });  

[amelice]

Угу, пока не смогла на css решить, временно на js поставила 

а чем фиксед не подходит? 

[Zverushka]

Фиксед он получается другим. То есть подложка должна смещаться вместе с текстом, если по высоте не влазит на экран. А фиксед на месте останется. В качестве исключения можно и так сделать, но все же остается непонятным, а как сделать абсолют слой по всей длине страницы и при этом растянуть таблицу на всю высоту страницы.

[npofopr]

Хм. А не проще использовать обычный скрипт, даже специально для этого есть, для смены фоновых картинок, чем пихать туда целый слайдер?

[amelice]

а как сделать абсолют слой по всей длине страницы и при этом растянуть таблицу на всю высоту страницы.

А если поместить слайдер внутрь .viewport и соответственно относительно от него плясать?

[Zverushka]

http://html2css.ru/test2/ вроде ничего так, но в 28 файрфоксе та же беда с белым фоном внизу, он еще не научился позиционировать слоит относительно таблиц и поэтому 100% relative table-cell пропускает и и ориентируется на body. 

Edited May 22, 2014 by Zverushka

[amelice]

Нет, не сама таблица, а позиционирование  именно самой  ячейки таблицы вроде не одобряется спецификацией. Возможно поэтому фф игнорирует свойство position для ячейки.
А если поставить релайтив к таблице, слайдер нормально работает в фф 29.

Edited May 22, 2014 by amelice

[Zverushka]

в фф29 у меня как в хроме, все нормально. А вот 28 едет.

[amelice]

А вот 28 едет.

Стало интересно, установила фф 28.

http://f5.s.qip.ru/L8wqLbwP.png

 

http://f6.s.qip.ru/L8wqLbwQ.png

 

http://f5.s.qip.ru/L8wqLbwT.png

Вроде все ок.

 

[Zverushka]

А у меня вот что получается http://joxi.ru/gzB_U_3JTJDjMNUkG1E

[SelenIT]

позиционирование  именно самой  ячейки таблицы вроде не одобряется спецификацией.

Точнее, не определено по спецификации. Но не делать relative точкой отсчета для абсолютных потомков из-за того, что это ячейка —всё-таки баг. Исправленный в 29-й версии.

А если поставить релайтив к таблице, слайдер нормально работает в фф 29.

Кстати, да. Если ширина ячеек известна, можно поставит только top, bottom и width, по горизонтали блоки сами станут в соотв. ячейки (т.к. без явного left он отталкивается от места элемента при static).