|
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
Отрицательные поля это корректно?
Сабж.
Многие ли браузеры обрабатывают, стоит ли использовать в серьезном сайте?
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
|
|||||
100% стоит проверенно!
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
вот и задачка появилась
два блока друг над другом, отцентрированы с помощью left: 50% отрицательного margin проблема: когда у одного из них появляется скроллбар, то блок смещается влево, т.к. 50% отсчитываются с учетом ширины скроллбара, который у второго отсутствует. получается некрасиво есть ли какое красивое css-ное решение? (по-моему нет...) условие: скролбар должен быть у края окна браузера, а не где-то посередине. Скроллировать надо только нижний блок, верхний остается на месте <html> <head> <style type="text/css"> #div1, #div3 { left: 50%; margin-left: -10%; width: 20%; border-left: solid 1px; } #div1 { position: absolute; top: 20px; height: 40px; } #div2 { position: absolute; left: 0px; top: 60px; height: 100px; width: 100%; overflow: auto; } #div3 { position: relative; overflow: visible; } </style> </head> <body> <div id="div1"> rewq jhgf </div> <div id="div2"> <div id="div3"> rewhhliuh luihl ljklkjh lkjhlkj lkjh kjhkjh jk kkhg khjgkjhgkg kjh jh lkhlk hlkjh lihq jhgf kjhkjh kjhk jhlk ;lk jh;l kjh l;kjh </div> </div> </body></html>
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin Последний раз редактировалось TTS; 03.02.2006 в 16:38. |
|
|||||
overflow: auto; change overflow: scroll;
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
это, конечно, зачет, но в фф появляется горизонтальный скролбар, который ни к селу ни к городу.
ладно, вобщем это не так страшно, смещается всего на несколько пикселей я думал, может быть как-то можно завязать положение верхнего блока с нижним... В смысле вписать верхний в нижний, потом как-нибудь позиционировать, но так, чтоб он не скролился вместе с остальным контентом...
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin Последний раз редактировалось TTS; 04.02.2006 в 16:38. |
|
|||||
не плачь анюта солдат придёт
#div2 { position: absolute; left: 0px; top: 60px; height: 100px; width: 100%; overflow: scroll; overflow-y:scroll; overflow-x:hidden; overflow: -moz-scrollbars-vertical;/* eнто для ff goodluckman */ } #div3 { position: relative; overflow: visible; }
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
Спасибо.
в опере не работает по ходу единственное приемлемое решение - форсировать появление скроллбара растянутым по высоте контентом
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
|
|||||
Цитата:
__________________
чё надо.. sam:) |
Часовой пояс GMT +4, время: 00:54. |
|
« Предыдущая тема | Следующая тема » |
|
|