Ширина страницы без скроллинга
37 повідомлень
#14 років тому
Здравствуйте ув. Форумчани! Имеется сайт, на нем страницы двух видов, главная без скроллинга и сайт выглядит по центру экрана, внутреняя страница со скролингом и сайт немнго смещается влево, возможно ли сделать чтобы центрирование было как на главной? Заранее спасибо за помощь!
37 повідомлень
#14 років тому
Здравсвтуйте! Не могли бы объяснить каким образом и с помощью чего это делается?
1599 повідомлень
#14 років тому
SField, чешу в башке, как это сделать) т.е. ведь скроллбар появляется и по любому все смещается влево, рабочая область уменьшается физически. Т.е. даже если сайт сделан по центру - все равно сдвинется влево на половину ширины скроллбара 
584 повідомлення
#14 років тому
Вариантов много, из-за того что нет примеров реальной страницы. Ну например:посилання
1. Переводим броузер из "развернутого" состояния в обычное
2. Выставляем красную линию правой границей на метки в шапке
3. Нижней границей добиваемся появления скролла
Content2 будет смещаться, Content1 будет на месте
1807 повідомлень
10 повідомлень
#14 років тому
Во первых дайте ссылку на сайт, во вторых очевидно что на внутренней странице контент построен таким образом что растягивает страницу, следовательно его нужно править. А вообще стандартный для меня стиль враппера основного блока контента.wrap
{
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
Дали ширину чтобы без скролов при 1024px экране, разместили по центру чтобы не убого смотрелось на 27' iMac и по вкусу небольшой отступ от верхней границы области браузера.
Остальное содержимое внутри с учетом что ширина не должна превышать 1000px.
Если не знаете что вылазит в класс обозначающий ширину сайта добавьте overflow: hidden; и посмотрите что именно из контента вдруг стало скрываться за границей блока.
p.s. Если скролл внутренних страниц - фенька, которую убирать никак нельзя, тогда можно добавить дополнительный отступ в "подврпер", как то так
.wrap
{
width: 1004px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
.subwrap
{
margin-left: 5px;
margin-right: 5px;
}