Как показать горизонтальную прокрутку + скрывать фон при уменьшении окна браузера?

Статус
Закрыто для дальнейших ответов.

avlakogen

Новичок
Регистрация
15.12.2011
Сообщения
3
Есть готовый шаблон сайта, но в нем есть две проблемы:
1. Центральный блок с контентом, имеет ширину 1000 пикс, и отбрасывает тень слева и справа, в сумме на 110 пикс. Нужно, чтобы ширина сайта укладывалась в стандартное разрешение экрана 1024 пикс., однако при таком разрешении, слева сайт прижимается тенью к краю браузера, а справа скрывается часть листа (для представления о чем идет речь и просмотра кода - пустой шаблон находится здесь - http://adamant72.ru)
Вопрос: какие изменения нужно внести в css, для того, чтобы тень скрывалась за границы окна браузера (также как сейчас скрывается фон)?
2. При уменьшении ширины окна браузера отсутствует горизонтальная прокрутка, подскажите пожалуйста, какие изменения нужно внести, чтобы она появлялась?
 

Вложения

  • 983,9 КБ Просмотры: 21
  • 168,5 КБ Просмотры: 20

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
Что то не совсем понял. Они срываются одинаково. Если тебе надо чтоб появлялась полоса прокрутки, то задай для body конкретную ширину
Код:
body (widht: 1024px;)
Про тень, если я правильно понял, то тебе надо ее скрывать равномерно с обоих сторон? Сделай тогда ее на CSS3
box-shawdow. Не забыв про префиксы.
 

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
1. Центральный блок с контентом, имеет ширину 1000 пикс, и отбрасывает тень слева и справа, в сумме на 110 пикс. Нужно, чтобы ширина сайта укладывалась в стандартное разрешение экрана 1024 пикс.
Ну значит сумма ширин горизонтальных блоков должна быть 1024px, но лучше такие глбальные величины указать в процентах... Честно говоря не очень понял, что нужно...

2. При уменьшении ширины окна браузера отсутствует горизонтальная прокрутка, подскажите пожалуйста, какие изменения нужно внести, чтобы она появлялась?
<body scroll="yes" style="overflow:scroll;">
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
<body scroll="yes" style="overflow:scroll;">
Что еще посоветуете? Вы сами пробовали так делать? И что получилось?

Автор темы!
Посмотрите на ваши стили!!!
Например, блок #art-main:
Зачем ему position:relative, overflow:hidden и прочая лабуда?

Он может служить отличной подложкой!
Установит ему только два стиля:
- ширину по коричневому блоку, учитывая тень,
- margin:0 auto

Сами увидите, что получится.

PS. body class="joomla15" - симптом страшной болезни - классицизм V степени. Лечится только вскрытием!
 
Статус
Закрыто для дальнейших ответов.
Верх Низ