|
Страница 1 из 1 [ Сообщений: 18 ] |
Автор |
Сообщение |
Webster
новый человек
|
|
Есть HTML-код
Код: <div style = "position: relative"> <div style = "position: absolute; left: 50px; top: 100px"> <input type = "button" value = "someButton" /> </div> <div style = "position: absolute; left: 50px; top: 250px"> Some text, label, link, etc </div> </div>
При уменьшении размеров окна браузера для DIV'ов, внутри которых только текст (или подобные элементы - например, гиперссылка) автоматически не пояляется линейка прокрутки. Для DIV'ов внутри котрых есть элементы типа <input type="text"> (button, etc) - все ОК. Проблема возникает только в IE.
Есть ли какое-то решение через CSS? Задать ширину родительского DIV через JScript - не совсем подходящее в данной случае.
|
|
 |
|
 |
karamba
старожил
|
|
overflow: auto не пробовали?
Высота блока не должна быть зафиксирована?
_________________ клетчатый!
|
|
 |
|
 |
Webster
новый человек
|
|
Цитата: | overflow: auto не пробовали? |
Попробовал... Ничего не дало Цитата: | Высота блока не должна быть зафиксирована? |
Внешнего - нет. Т.е. можно провести расчет его размером как прямоугольника, обхатывающего все вложенные, однако учитывая, что вложенных DIV'ов может быть много сотен, это не самое лучшее решение по быстродействию.
Интересно, что если внешнему DIV'у задать "position: absolute" - то линейки прокрутки добавляются именно так, как должны были.
|
|
 |
|
 |
Webster
новый человек
|
|
Акела,
Нельзя  Существующий JScript код привязан к текущей структуре документа.
Интересно именно возможность решенися через таблицы стилей
|
|
 |
|
 |
karamba
старожил
|
|
Webster писал(а): | Цитата: | overflow: auto не пробовали? |
Попробовал... Ничего не дало |
вариант: попробуйте поставить принудительно overflow: scroll, если не смущает дизейбленый скролбар.
_________________ клетчатый!
|
|
 |
|
 |
Webster
новый человек
|
|
Акела
Это очень большая система, с кучей уже написанного кода и дело правкой одной строчки скрипта там далеко не ограничится
Cейчас немного поразбирался с логикой того, как браузер обределят общую область страницы, получается что он эту область определяет , грубо говоря, по элементам, у котрых есть размеры (аттрибуты width и height). То есть, прокатывает присвоить всяким там label'ам Код: style = "width: 1px; height: 1px"
Скролл появляется теперь в нужный момент, осталось только потестировать на другие возможные грабли …
|
|
 |
|
 |
abraitcev
новый человек
|
|
Webster, что значит ничего не дало?
Вот Ваш пример с добавленным overflow:scroll;
Код: <div style = "position: relative"> <div style = "position: absolute; left: 50px; top: 100px;overflow:scroll;"> <input type = "button" value = "someButton" /> </div> <div style = "position: absolute; left: 50px; top: 250px;overflow:scroll;"> Some text, label, link, etc </div> </div>
Линейки прокрутки отчетливо видны, даже в IE 
|
|
 |
|
 |
abraitcev
новый человек
|
|
а для внешнего нужно либо указать размеры, либо убрать absolute у содержимого.
|
|
 |
|
 |
Webster
новый человек
|
|
abraitcev,
Цитата: | Линейки прокрутки отчетливо видны, даже в IE |
Угу, видны
А нужно, чтобы работали. Если ввести указанный мной код в HTML-страничку и уменьшить размер окна IE так, чтобы нижний элемент DIV с текстом оказался вне пределов окна, эти так и останутся просто видны  А нужно - чтобы появилась возможность скролла.
Убрать параметр absolute, увы, нельзя 
|
|
 |
|
 |
abraitcev
новый человек
|
|
Webster, так, а если размеры поставить?
Код: <div style = "position: relative; width : 100%; height : 100%; overflow:scroll;"> <div style = "position: absolute; left: 50px; top: 100px;"> <input type = "button" value = "someButton" /> </div> <div style = "position: absolute; left: 50px; top: 250px;"> Some text, label, link, etc </div> </div>
или это тоже нельзя?
|
|
 |
|
 |
karamba
старожил
|
|
если и height:100% низзя, тады Webster или хочет невозможного, или непрально ставит задачу.
На всяк случай я б еще для body height:100% сказал (были по-моему в НН6 грабли с высотой блоков то ли при переопределении скрола, то ли наооборот)
_________________ клетчатый!
|
|
 |
|
 |
Webster
новый человек
|
|
karamba, abraitcev
О!!! "А ларчик просто открывался"! height и width в 100% установить очень даже можно! И это как раз дает требуемую мне функциональность! Спасибо огромное.
Overflow правда не стоит включать, так как мне скроллы нужны именно в окне браузера, а не на DIV'е.
Итак, буду пробовать. 
|
|
 |
|
 |
|
Страница 1 из 1 [ Сообщений: 18 ] |
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
|
|