Перейти к содержимому


Глюк С Изменением Ширины Центральной Части Экрана При Переходе По Страницам

ширина центральной части

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Елена1

Елена1

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 12 Февраль 2013 - 23:26

Обнаружила такую проблему.
Открываю окно браузера (проверяла в Google Chrome, Safari, IE).
Когда открываю страницу "Главная" вижу такую картинку:
Снимок экрана 2013-02-13 в 0.17.41.png
обратите внимание на шапку слева, там виден маленький кусочек цветка.
Дальше не меняя размеры окна браузера перехожу на страницу допустим "корзина" и вижу что немного изменились размеры центральной часть с контентом и соответственно сдвинулась шапка, видна уже бОльшая часть цвета слева.
Снимок экрана 2013-02-13 в 0.18.50.png

Вопрос: как сделать так, чтобы размер центральной части (ширина) не менялась при простом переходе по страницам?

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 208 сообщений

Отправлено 13 Февраль 2013 - 02:25

Вы можете сделать минимальную высоту элемента. Для этого необходимо в файле стилей main.css найти

.content_page {
	background: url("http://s568151.storeland.net/content-page-br.gif") no-repeat scroll 710px 71px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

и заменить на

.content_page {
	background: url("http://s568151.storeland.net/content-page-br.gif") no-repeat scroll 710px 71px transparent;
	min-height: 750px;
	overflow: hidden;
	padding-bottom: 2em;
}


#3 Елена1

Елена1

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 13 Февраль 2013 - 10:16

У меня проблема не в высоте, а в ширине центральной части, которая почему-то меняется на несколько пикселей при переходе по страницам (то что ширина меняется заметно если обратить внимание на рисунок в header который виден то больше то меньше при переходе по страницам). Если задать минимальную ширину, то будет ли страница корректно отображаться на мобильных устройствах с небольшим экраном?
Сайт: dollsecret.ru

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 208 сообщений

Отправлено 14 Февраль 2013 - 01:08

Страница будет отображаться нормально, будет только постоянно отображаться вертикальный скролл. Вы вероятно не заметили что на одной странице где происходит смещение - пропадает скролл, из-за этого размер страницы увеличивается, так как скролл отбирает у страницы часть пикселей.  Тут только вариант или делать минимальную высоту чтобы скролл был всегда, или же менять изображение шапки - убирая элементы которые смещаются.

#5 Елена1

Елена1

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 15 Февраль 2013 - 13:03

а можно ли сделать так чтобы вертикальный скрол всегда отображался, просто был неактивным в случае если некуда дальше прокручивать?
Просто если принудительно сдвинуть подвал сильно вниз, то страница где мало информации без подвала выглядит не очень здорово.

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 208 сообщений

Отправлено 15 Февраль 2013 - 21:36

Этого сделать к сожалению нельзя. Тут уже зависит от браузера.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных