Нижний колонтитул не отвечает на команды центра - PullRequest
Новая
       30

Нижний колонтитул не отвечает на команды центра

1 голос
/ 19 февраля 2012

Я делаю очень простой сайт, и у меня есть проблема с моим нижним колонтитулом: он не центрируется. Я сделал все оставленное поле: auto; и правильные вещи, и проблема сохраняется в Chrome и Firefox. Код: 

#footer {
  position: fixed;
  z-index:10;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  height:35px;
  bottom:0px;
  background-color:#363636;
  /* Style info that has nothing to do with the problem below this line */
  box-shadow: 1px -2px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);  
  border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

Уже пробовал набирать "display: inline-block;". Код index.html (он все еще в dev, ничего не имеет): http://d.pr/btSa

Заранее спасибо.

Ответы [ 3 ]

0 голосов
/ 19 февраля 2012

Я думаю, что у вас есть проблема с:

позицией: исправлено

Попробуйте без нее.Если вы хотите, чтобы он застрял на дне, попробуйте другие позиции (абсолютные и т. Д.).Попробуйте вместо с полем затем использовать left: auto и right: auto.поскольку в фиксированной позиции я считаю, что поля не имеют значения.

Если вы настаиваете на этом, попробуйте установить нижний колонтитул шириной 100%, установите фиксированное положение и где хотите, затем поместите содержимое в оболочкувнутри фиксированного нижнего колонтитула и дать это поле: 0 авто.он будет центрироваться внутри нижнего колонтитула.

0 голосов
/ 19 февраля 2012

Причина, по которой ваш нижний колонтитул не центрируется с полем, заключается в postion:fixed.Удалите это, и оно будет подчиняться вашим margin auto.

Если вам нужно, чтобы оно было fixed, обновите ваш css, чтобы он выглядел так: 

#footer {
  position: fixed;
  z-index:10;
  bottom:0;
  left:50%;
  margin-left: -500px;
  width: 1000px;
  height:35px;
  bottom:0px;
  background-color:#363636;
  /* Style info that has nothing to do with the problem below this line */
}

noteдобавление bottom:0;, left:50%; и обновление свойств margin.

0 голосов
/ 19 февраля 2012

Попробуйте использовать нижний колонтитул в таблице и установите выравнивание td по центру

...