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

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



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

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

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

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

спасибо.

П.С. может как то хитро evaluate'ом сделать?
...
Рейтинг: 0 / 0
height:100% позиционирование.
    #35161749
Logo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А в нижнем диве любой контент?
...
Рейтинг: 0 / 0
height:100% позиционирование.
    #35161768
Boris2008
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
в нижнем DIV'e - nested DIV (100% X 100%) то есть <div style = "position:absolute; width:100%; top:0px; bottom:0px; height:auto;" />
...
Рейтинг: 0 / 0
height:100% позиционирование.
    #35164736
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
height:100% позиционирование.
    #35165480
Logo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Что такое evaluate?
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / height:100% позиционирование.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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