Помощник
|
Скролл прыгает ля центрального блока |
CandyDandy
|
Сообщение
#1
|
||
|
|
||
|
|||
pavelsc |
7.4.2011, 21:40;
Ответить: pavelsc
Сообщение
#2
|
|
CandyDandy, вот написал решение, т.к. оказалось что мне тоже актуально =) В контакте тоже скриптом реализовано.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style> body { background: #fff; margin: 0px; padding: 0px; direction: ltr; font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; font-size: 11px; } #page_wrap { position: relative; width: 100%; min-width:800px; overflow: hidden; text-align: left; direction: ltr; } #page_layout { border:1px solid red; padding: 0px; margin: 0px auto; position: relative; width: 791px; height:1000px; } </style> <script type="text/javascript"> function advWrap() { var myWidth = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; } document.getElementById("page_wrap").style.width = myWidth+'px'; } window.onload=advWrap; window.onresize=advWrap; </script> </head> <body> <div id="page_wrap"> <div id="page_layout"> This Is Content!!! </div> </div> </body> </html> |
|
|
chaban |
13.4.2011, 19:51;
Ответить: chaban
Сообщение
#3
|
|
Искал готовое решение этой проблемы - сам js писать не умею.
Большое спасибо, pavelsc! Но у меня возникли проблемки: 1. Не работает в IE8 2. В FF и Хроме появляется ненужная горизонтальная прокрутка. Пока не получилось исправить, может Вы поможете? |
|
|
chaban |
14.4.2011, 13:11;
Ответить: chaban
Сообщение
#4
|
|
|
С горизонтальной прокруткой решил так:
<body style="overflow-y: auto; overflow-x: hidden;"> А в ИЕ все равно пока не пашет.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Отображение нужного блока при клике. | 0 | bhtml | 1668 | 10.7.2020, 15:18 автор: -bhtml- |
|
Как средствами CSS сделать высоту блока больше или равной высоте контейнера? | 4 | S0meT1me | 6400 | 30.7.2014, 9:36 автор: -Den1xxx- |
|
Можно ли поменять размер блока в google adsense | 1 | -Сергей- | 2256 | 22.1.2014, 15:53 автор: Sosnovskij |
|
Pisces 2 блока | 0 | m058sw | 2980 | 16.12.2013, 20:14 автор: -m058sw- |
|
Плавное появление блока при наведении курсора | 4 | Danilkin | 17566 | 4.12.2013, 12:16 автор: -deadonlyone- |
Текстовая версия | Сейчас: 20.4.2024, 11:58 |