X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Смещение страницы
frrizza
frrizza
Topic Starter сообщение 11.8.2011, 12:05; Ответить: frrizza
Сообщение #1


Привет народ, подскажите пожалуйста как выровнять div или body (не знаю что из них будет правильно) при появлении скроллинга? Когда появляется больше инфы на странице и появляется скроллинг, сайт немного левее прыгает, px на 10 примерно... И страницы переключаешь - он постоянно то левее то правее двигается, очень некрасиво смотрится... Заранее спасибо ))
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FreeMasiK
FreeMasiK
сообщение 11.8.2011, 12:10; Ответить: FreeMasiK
Сообщение #2


а можно ссылку или код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 11.8.2011, 12:11; Ответить: sodik
Сообщение #3


На диве стоит margin:0 auto;, и он автоматически центрируется, соотвественно при появление сркола, ширина рабочего полотна браузера уменьшается на ширину скрола и див смещается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
frrizza
frrizza
Topic Starter сообщение 11.8.2011, 12:14; Ответить: frrizza
Сообщение #4


Именно!! При появлении скролла страница смещается влево на ширину этого самого скролла!! Как это убрать? Вот css:
[CSS]
body {
background: #fff;
color: #444444;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
width: 950px;
margin: 0 auto;
font-size: 11px;
border: 0px solid black;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 11.8.2011, 12:18; Ответить: adlic
Сообщение #5


http://www.html.by/threads/20430-Polzunok-...irovat-stranicu

Но это только где вы знаете, что есть скролл, иначе только с помощью js выяснять, есть ли полоска прокрутки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
frrizza
frrizza
Topic Starter сообщение 11.8.2011, 12:21; Ответить: frrizza
Сообщение #6


А как с помощью js исправить не подскажете?....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 11.8.2011, 12:31; Ответить: adlic
Сообщение #7


По-идее должно работать:
[JS]<script type="text/javascript">
//Определяет есть ли скролл
if (document.body.scrollHeight > document.body.clientHeight) {
document.getElementById("myId").style.marginRight="-10px";
}
</script>[/JS]
Не проверял)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
frrizza
frrizza
Topic Starter сообщение 11.8.2011, 12:39; Ответить: frrizza
Сообщение #8


Эмм.. А в какой кусок когда это нужно вставлять, и что такое "myId"?
Заранее извиняюсь, я с js пока что на ВЫ )) .....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 11.8.2011, 13:04; Ответить: adlic
Сообщение #9


Ну да..
Берете весь ваш контент в блок, что-то вроде
<body>
<div id="myId">
....
</div>
</body>

В стилях, вместо body, пишете
[CSS]
body{}
#myId{background: #fff;
color: #444444;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
width: 950px;
margin: 0 auto;
font-size: 11px;
border: 0px solid black;}[/CSS]
, а
<script type="text/javascript">
//Определяет есть ли скролл
if (document.body.scrollHeight > document.body.clientHeight) {
document.getElementById("myId").style.marginRight="-10px";
}
</script>


вставляете между тегами <head></head>

PS можно конечно и с body сделать, то есть не брать в другой блок, но чем-то мне не нравится этот способ:)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
frrizza
frrizza
Topic Starter сообщение 11.8.2011, 13:14; Ответить: frrizza
Сообщение #10


Спасибо, но.... Что то не работает:(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2904 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Вытащить страницы из кэша Яндекса
2 VostrVL 1959 11.1.2024, 23:07
автор: ЛаврионСергеевич
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1296 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3409 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
2 ARsHi 1670 27.3.2021, 0:57
автор: Ogaelath


 



RSS Текстовая версия Сейчас: 18.4.2024, 10:46
Дизайн