Как отцентрализировать сайт-визитку?

Arsus
На сайте с 09.05.2008
Offline
71
364

Здравствуйте! Редактирую сайт визитку, которая разработана через программу Web Page Maker. В приложении все отображается ровно. Когда сайт загружен на хостинг: шапка главной страницы отображается нормально, но при переходе на остальные четыре страницы - шапка смещается вниз. В чем может быть проблем? Как это можно подправить?

Адрес сайта:

Нужен перевод или копирайтинг? (/ru/forum/841103)
Varkolak
На сайте с 03.06.2005
Offline
174
#1

в каком браузере? в опере все норм

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
M2
На сайте с 11.01.2011
Offline
341
#2

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

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
T
На сайте с 19.09.2012
Offline
29
#3

В макете используется position:absolute для div, его составляющих.

Для всех прописаны конкретные значения top, left, при чем разные на главной и в подразделах.

На главной странице блоки размещены на 20 пикселей левее, для идентичности, их нужно подвинуть правее на эту величину :-)

А лучше, как заметили коллеги, унифицировать шаблон, но боюсь, средствами Web Page Maker, это может быть и невозможно.

Кроме того, при центрировании шаблона, он будет "скакать" из-за вертикальной линейки прокрутки, примерно на половину ширины этой самой линейки (когда на некоторых страницах линейка есть, а на некоторых нету). Мне помогало html { overflow-y: scroll; } в css.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий