Есть три слоя. Хочется сделать вот такую структуру (см. прикрепленный рисунок):
Первый слой (под цифрой 1) и третий (под цифрой три)
имеют фиксированный размер, пусть будет 300px.
Предположим, что имеем экран размером: 1024x768
Рабочая область окна: 1024px - 24px = 1000 px (24 пикселя уходит на полосу прокрутки браузера)
Вопрос: как растянуть второй слой (под цифрой два) до 400px
(1000px - (300px * 2)) = 400px
Ответ: указать ему 400 px. Хорошо, а если у пользователя другое разрешение экрана...
Как тогда поступить??? Причем полоса прокрутки браузера в разных браузерах разная (т.е. занимает разное кол-во px).
А вот если использовать JavaScript, то можно определить рабочую область экрана, но она всегда указывается не считая размера полосы прокрутки. Т.е. нам будет вернуто 1024px.
Поэтому трудно будет высчитать нужные размеры второго слоя. Да и если пользователь выключит JavaScript, что тогда???
Хотелось бы найти способ, который бы заставил браузер пользователя растянуть второй слой на всю имеющуюся длину между
первый и третим слоями. При этом не использовать JavaScript.
Вот простой код странички:
| Код |
|
Может быть я чего-то не понимаю по работе со слоями, но уже целый день пытаюсь это сделать и не получается.
Вообщем хотелось бы такой стиль:
| Код |
|
Жалко что такая запись ошибочна :-)
Если бы это были таблицы то все элементарно:
| Код |
|
Вообщем, я думаю вы поняли мою проблему. Расписал вроде бы подробно.
Надеюсь вместе нам получится найти решение.
