-
Здравствуйте. Всех с наступившим Новым годом и Рождеством. Столкнулся со следующей проблемой. Необходимо сделать фикс - резину по высоте странице, то есть шапка сайта, к примеру, фиксированная, а контент странице резиновый при этом чтобы при меньшем разрещении появлялась прокрутка не у окна браузера, а внутри блока контента. Можно ли это реализовать без js? Кто нибудь сталкивался с подобными вещами, если да, то подскажите пожалуйста для наглядности приведу код.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>фикс резина</title>
<style type="text/css">
* { margin:0; padding:0;}
html, body { margin:0; padding:0; height:100%}
</style>
</head>
<body>
****<div style="width:900px; background:#999999; overflow: auto; position:absolute; height:90%; bottom:0px;">
****Текст страницы
****</div>
</body>
</html>
В данном примере у блока контент имеется отступ сверху 10%, необходимо сделать отступ фиксированным.
Спасибо заранее.
-
Ну никак, понимаете, никак нельзя мешать проценты с пикселами...
Это же противоестественно...)
А блоки – они в прямом потоке только по ширине все доступное пространство занимают. Но никак не по высоте...
-
Цитата:
Originally posted by Aykroyd@Jan 8 2008, 20:20
Ну никак, понимаете, никак нельзя мешать проценты с пикселами...
Это же противоестественно...)
А блоки – они в прямом потоке только по ширине все доступное пространство занимают. Но никак не по высоте...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Мешать по моему можно, но только по ширине, да? [Only registered and activated users can see links. Click Here To Register...] Ясно, значит придется подключать js.
Эх, как я не люблю js. [Only registered and activated users can see links. Click Here To Register...]
-
Цитата:
Originally posted by fenixnt@Jan 8 2008, 23:27
Мешать по моему можно, но только по ширине, да?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
И по ширине не нужно.
Если Вы подразумеваете шаблон, состоящий из колонок «фикс-резина-фикс» (например) – это немного другое. Здесь центральной резиновой колонке не задается какая-либо ширина и она просто занимает все доступное по ширине пространство. Но попытка «совместить» по ширине, например, «30%|200px|45%» изначально обречена на провал... То же самое и по высоте...
Цитата:
Originally posted by fenixnt@Jan 8 2008, 23:27
Ясно, значит придется подключать js.
Эх, как я не люблю js. [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Честно говоря, у меня есть большие сомнения по поводу того, что JS Вам здесь поможет. Если что-нибудь все-таки получится, поделитесь, пожалуйста, результатами.)
-
Цитата:
Originally posted by Aykroyd@Jan 9 2008, 00:00
И по ширине не нужно.
Если Вы подразумеваете шаблон, состоящий из колонок «фикс-резина-фикс» (например) – это немного другое. Здесь центральной резиновой колонке не задается какая-либо ширина и она просто занимает все доступное по ширине пространство. Но попытка «совместить» по ширине, например, «30%|200px|45%» изначально обречена на провал... То же самое и по высоте...
Честно говоря, у меня есть большие сомнения по поводу того, что JS Вам здесь поможет. Если что-нибудь все-таки получится, поделитесь, пожалуйста, результатами.)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
А что может в таком случае здесь помочь? Неужели фреймы? :suicide2:
Есть одно решение с помощью js. В скрепке фикс-резина-фикс (по высоте) только с помощью js, не хочу использовать js, жаль что в данном случае придется разбиратся в этом скрипте [Only registered and activated users can see links. Click Here To Register...] .
-
Цитата:
Originally posted by fenixnt@Jan 9 2008, 01:12
А что может в таком случае здесь помочь? Неужели фреймы?* :suicide2:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Воо! Прямо мысли мои читаете)
На мой взгляд, все эти стандартные скроллы во внутренних блоках – они даже с эстетической точки зрения противны. Но это только мое ИМХО. Поэтому если приправить одно дерьмо другим – не велика беда...)
Цитата:
Originally posted by fenixnt@Jan 9 2008, 01:12
Есть одно решение с помощью js. В скрепке фикс-резина-фикс (по высоте) только с помощью js, не хочу использовать js, жаль что в данном случае придется разбиратся в этом скрипте* [Only registered and activated users can see links. Click Here To Register...] .
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Обязательно покопаюсь с ним на досуге. Спасибо.
Но пока уже точно могу сказать, что тормозит там все ужас как...
И вертикальный скролл в окне браузера почему-то напрочь отсутствует...
-
Цитата:
Originally posted by Aykroyd@Jan 9 2008, 01:55
Воо! Прямо мысли мои читаете)
На мой взгляд, все эти стандартные скроллы во внутренних блоках – они даже с эстетической точки зрения противны. Но это только мое ИМХО. Поэтому если приправить одно дерьмо другим – не велика беда...)
Обязательно покопаюсь с ним на досуге. Спасибо.
Но пока уже точно могу сказать, что тормозит там все ужас как...
И вертикальный скролл в окне браузера почему-то напрочь отсутствует...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Согласен с Вами по поводу прокрутки внутри блока, но Заказчику этого не объяснить. Как ситуация с блочной версткой, после верстки, Заказчик докапался почему в дримвиере отображается неправильно в режиме дезигн, сделайте оптимизацию для дремака мне не обходимо для редактирования контента. Очень долго ругались [Only registered and activated users can see links. Click Here To Register...]
Вот этот скрипт, то что нужно, скрол появляется внутри блока, но не в окне браузера. Странно у меня не так сильно тормозит.
