|
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
top, bottom и overflow в CSS
задача: оставить шапку вверху страницы, скролить только контент
Т.е. див с контентом должен начинаться от нижнего края шапки и тянуться до нижнего края окна браузера и иметь скролбар такой же высоты в стиле дива с контентом я прописал (сто пикселей на шапку): top: 100px; bottom: 0px; overflow: auto; в фф это все работает прекрасно, а вот ие не понимает, растягивает див на всю ширину контента и скролит весь документ вместе с шапкой как бы решить енту проблемку?
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
|
|||||
Регистрация: Nov 2002
Сообщений: 249
|
есть мыслся, простая до безобразия
сделать 2 дива (одним по другим |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
вопрос не понят до безобразия
если короче, нужно нарисовать див высотой на xxx пикселей меньше высоты окна браузера и прилепить его к нижнему краю окна браузера средствами css и чтоб везде работало ие в принципе не понимает совместного использования top и bottom, равно как left&right. перспектива мрачная, в ней светит джаваскрипт... а не хочется... ой как не хочется...
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin Последний раз редактировалось TTS; 02.02.2006 в 17:01. |
|
|||||
podskazku ili rabo4ii primer?
ya kak to polgoda nazad imelsya no reshul sorry za lat net vremeni na rabote v slepuu klikat'?
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
Цитата:
Я, честно говоря, начал уже с помощью таблицы лабать. Тут, правда, еще одна проблема появилась. Но это потом, сначала сам голову поломаю
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
|
|||||
<style type="text/css">
html { width:100%; height:100%; overflow:hidden; } body { width:100%; height:100%; margin:0; padding:0; overflow:auto; font-family:Arial; font-size:12px; } #content { text-align: center; margin-top:15px; } #menu { position:absolute; top:0px; background: url(images/bg_toolbar.png) repeat-x fixed; width: 100%; height: 30px; } #conteiner-txtbar { padding-top:2px; width:760px; text-align: center; margin-left: auto; margin-right: auto; } </style> </head> <body> <div id="menu"> <div id="conteiner-txtbar"></div> </div>
__________________
чё надо.. sam:) |
|
|||||
update eto nedodelanui
html { width:100%; height:100%; overflow: hidden; } body { width:100%; height:100%; overflow:auto; margin:0; padding:0; font-family:Arial; font-size:12px; text-align:center; } #menu { position:absolute; background: url(images/bg_toolbar.png) repeat-x fixed; width:100%; height:30px; right:17px; z-index:1; } #conteinerTxtBar { width:760px;height:30px; text-align: center;color:#CCC; margin-left: auto; margin-right: auto; background:url(images/topRight_bgMov.gif) no-repeat right top; padding-bottom:4px; }
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
Ннннеее...
В моей задачке "overflow: auto" должно быть прописано не у боди, а у conteinerTxtBar. И высота его не 30px, а что-нить типа "100% минус высота шапки"
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
|
|||||
conteinerTxtBar это и есть шапка
<body> <div id="шапка-conteiner"> <div id="шапка"></div> </div> <div id="content h:100%">...</div> есле не-то пришли jpeg layout-a посмотрим удачиЖ)
__________________
чё надо.. sam:) |
|
|||||
Регистрация: Jan 2002
Сообщений: 1,323
|
в фф это выглядит как надо
в ие див с контентом уползает за край экрана на 100рх, т.к. имеет высоту 100% и верхний отступ 100рх
__________________
ВКЛЮЧИ МОЗГИ!!! Одноразовых граблей не бывает. На большинство из них уже кто-то наступал. (c) Dindin |
Часовой пояс GMT +4, время: 10:17. |
|
« Предыдущая тема | Следующая тема » |
|
|