HTML ID id не выравнивается должным образом - PullRequest
1 голос
/ 20 января 2012

У меня есть основной div на моей странице, который имеет атрибут align="center", но по какой-то причине он не выравнивается по центру.

для справки вот страница .

CSS:

#page{
    background-color: #4C1B1B;
    width:85%;
    height:500px;

}

HTML:

<body>
   <div id="page" align="center">
      &nbsp;
      <div id="pageleft">
        TEST
      </div>
      <div id="pageright">
        &nbsp;
      </div>
  </div>
</body>

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

Ответы [ 2 ]

2 голосов
/ 20 января 2012

Добавьте margin:auto к правилу #page и удалите align="center"

#page{
   background-color: #4C1B1B;
   width:85%;
   height:500px;
   margin:auto;
}
1 голос
/ 20 января 2012
To completely centre align the div, the following formula can be applied

left = (100 - (width of the div))/2

Using Jquery this can be done as below

var left = (100 - 85)/2;
$("#page").css("left",left + "%")
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...