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


Центрирование Футера

футер footer центрирование

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

#1 postech

postech

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

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

Отправлено 24 Январь 2014 - 23:15

Добрый день.

В запале работы над сайтом обратил внимание, что футер съехал к левому краю страницы, хотя ему положено находиться по центру, не выходя за рамки контента и колонок.

Проверил код на синтаксис - все в порядке (думал, может где тег не закрыл), вернул стили и сам код футера в html к исходникам - бесполезно.

Как его поставить на место (как в стандартном шаблоне "Пластик")? Спасибо.

Прикрепленные изображения

  • Без-имени-1.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 25 Январь 2014 - 04:52

Сайт - Редактор шаблонов - main.css - найдите:

#footer #main {
	height: 71px;
	width: 1000px;
}
замените на:

#footer #main {
	height: 71px;
	width: 1000px;
	margin: 0 auto;
}


#3 postech

postech

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

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

Отправлено 25 Январь 2014 - 15:00

Просмотр сообщенияVaccina (25 Январь 2014 - 04:52) писал:

Сайт - Редактор шаблонов - main.css - найдите:

#footer #main {
height: 71px;
width: 1000px;
}
замените на:

#footer #main {
height: 71px;
width: 1000px;
margin: 0 auto;
}

Спасибо, все встало на место!

#4 pin

pin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 29 Январь 2014 - 17:17

Здравствуйте, Как сделать сайт на весь экран? шаблон Пластик. Спасибо!
Аккаунт SL-31080  

#5 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 29 Январь 2014 - 17:29

Просмотр сообщенияpin (29 Январь 2014 - 17:17) писал:

Здравствуйте, Как сделать сайт на весь экран? шаблон Пластик. Спасибо!
Аккаунт SL-31080  
К сожалению если растянуть данный шаблон на весь экран у вас сломается вся верстка сайта и он будет выглядеть некорректно.

#6 pin

pin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 29 Январь 2014 - 17:32

А подскожите пожалуйста как сделать чтобы шапка сайта спускалась вниз за клиентом?

#7 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 29 Январь 2014 - 18:03

Просмотр сообщенияpin (29 Январь 2014 - 17:32) писал:

А подскожите пожалуйста как сделать чтобы шапка сайта спускалась вниз за клиентом?
Здравствуйте, в файле main.css нужно заменить
#header {
width: 100%;
height: 120px;
clear: both;
}
на
#header {
width: 100%;
max-width: 1000px;
height: 123px;
clear: both;
background: url({ASSETS_IMAGES_PATH}bg.jpg) #ffffff center top no-repeat;
position: fixed;
top: 0;
border-radius: 8px;
}

#panelsite {
height: 104px;
width: 100%;
}
на
#panelsite {
height: 120px;
width: 100%;
}


#8 pin

pin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 29 Январь 2014 - 20:39

Спасибо, всё четко! только у меня пропала верхнее меню.  http://ayr-split.ru/
Помогите мне пожалуйста!
Спасибо!

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 29 Январь 2014 - 20:45

Просмотр сообщенияpin (29 Январь 2014 - 20:39) писал:

Спасибо, всё четко! только у меня пропала верхнее меню.  http://ayr-split.ru/
Помогите мне пожалуйста!
Спасибо!

Редактируем main.css
Находим
#panelsite {
height: 104px;
width: 100%;
}

Заменяем на
#panelsite {
margin-top: 140px;
height: 104px;
width: 100%;
}





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

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