Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / height:100% позиционирование. / 10 сообщений из 10, страница 1 из 1
26.02.2008, 14:14
    #35155400
Boris2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Есть два DIV высотой и шириной в страницу. В нем eщe два - один сверху, другой - снизу образуют как бы две строки, заполняя опять же всю страницу.

_________
| |
| Верхний |
|_________|
| |
| Нижний |
|_________|



Делаю так:
position: absolute - оба,
height: 200px; верхний
top:200px; bottom 200px; height:auto; нижний.

все работает отлично.

Появилась задача сделать height верхнего зависимым от его содержания (то есть не выставлять явно), соответственно top & bottom нижнего я уже не знаю. Видимо, придется отказаться от абсолютного позиционирования, подзкажите, как сделать (IE + FireFox или ИЕ7 только на крайняк)?
...
Рейтинг: 0 / 0
26.02.2008, 15:07
    #35155596
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Boris2008
Появилась задача сделать height верхнего зависимым от его содержания
таблицы с этим лучше справляются
...
Рейтинг: 0 / 0
28.02.2008, 02:03
    #35159479
Boris2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Супер, а поконкретней можно? Я пытаюсь применить height:auto, но в таблицах вообше с этим глухо. height:100% работает на ура, но (!) при явном назначении высоты строк просходят нелочные веши, как то: с уменьшением height верхенй строки ее видымый размер растет. В-обшем, помогите!
...
Рейтинг: 0 / 0
28.02.2008, 13:51
    #35160586
Logo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Неочень понятно, что надо сделать, пиши конкретней. Если родителский див высотой со страницу, а у первого дочернего меняется, то откуда брать высоту, за счет нижнего дива?
...
Рейтинг: 0 / 0
28.02.2008, 15:07
    #35160854
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Boris2008Супер, а поконкретней можно? Я пытаюсь применить height:auto, но в таблицах вообше с этим глухо. height:100% работает на ура, но (!) при явном назначении высоты строк просходят нелочные веши, как то: с уменьшением height верхенй строки ее видымый размер растет. В-обшем, помогите!
table-layout у таблиц бывает только auto(браузер считает сам) и fixed(ему подсказывают)
то есть, одно из двух.
Я бы просто назначил нижнему размер, а верхнему оставил всё остальное.
...
Рейтинг: 0 / 0
28.02.2008, 16:49
    #35161195
Boris2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Не совсем ясно - если нижний див будет фискированной высоты, то его дочерние элементы буду выравниваться по его верхней границе, игнорируя высоту верхнего (что если верхний див будет очень высоким, он перекроет чать нижнего дива и наоборт - если он низкий будет ненужный бордюр. Я, неверное, по-другому опишу задачу: мне нужно:

таблица с двумя строками.
таблица должна занимать все доступное ей место
высота верхней строки зависит от вложенных элементов и заранее неизвестна.
высота нижней сторки соответсвенно = доступное место - высота верхней строки (это же таблица)

спасибо.

П.С. может как то хитро evaluate'ом сделать?
...
Рейтинг: 0 / 0
28.02.2008, 20:07
    #35161749
Logo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
А в нижнем диве любой контент?
...
Рейтинг: 0 / 0
28.02.2008, 20:22
    #35161768
Boris2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
в нижнем DIV'e - nested DIV (100% X 100%) то есть <div style = "position:absolute; width:100%; top:0px; bottom:0px; height:auto;" />
...
Рейтинг: 0 / 0
01.03.2008, 07:06
    #35164736
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Boris2008Не совсем ясно - если нижний див будет фискированной высоты, то его дочерние элементы буду выравниваться по его верхней границе, игнорируя высоту верхнего (что если верхний див будет очень высоким, он перекроет чать нижнего дива и наоборт - если он низкий будет ненужный бордюр. Я, неверное, по-другому опишу задачу: мне нужно:

таблица с двумя строками.
таблица должна занимать все доступное ей место
высота верхней строки зависит от вложенных элементов и заранее неизвестна.
высота нижней сторки соответсвенно = доступное место - высота верхней строки (это же таблица)

спасибо.

я имел ввиду
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
#top{
    position:absolute;   
    top: 0 ;
    bottom:200px;/*ие не поймёт, ему надо expression придумать*/
}
#top{
    position:absolute;
    height:200px;
    bottom: 0 ;
}
А в вашем объяснении как раз не понятно, что будет, если высота контента верхнего больше высоты окна.

Boris2008П.С. может как то хитро evaluate'ом сделать?
evaluatом можно всё. Но нужно ещё заботиться о современных браузерах
...
Рейтинг: 0 / 0
02.03.2008, 11:22
    #35165480
Logo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
height:100% позиционирование.
Что такое evaluate?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / height:100% позиционирование. / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]