основное содержание div не будет центрироваться - PullRequest
Новая
       1

основное содержание div не будет центрироваться

1 голос
/ 11 мая 2011

у меня есть твиттер-макет, ну, конечно ... основной стол вроде как выглядит, с тем, как он разделен ... 

html {
  -webkit-user-select: none;
  text-shadow: 2px 2px 2px #000;
  color: #fff;
  font-smooth: always;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url("./img/main_back.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body
{
  height: 100%;
  width: 100%;
}

.content_wrap {
  position: relative;
  top: 5px;
  display: inline-table;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  height: 100%;
  background-color: transparent !important;
}

.left_table {
  overflow: hidden;
  display: table-cell;
  text-align: center;
  width: 50%;
  height: 100%;
  padding-left: 5px;
  padding-bottom: 20px;
}

.right_table {
  display: table-cell;
  text-align: center;
  width: 20%;
  height: 100%;
}

html5 тип документа заголовок <- плавающий влево раздел <- плавающий справа </p>

раздел <- перенос содержимого раздел <- left_table в сторону <- right_table нижний колонтитул <- фиксированная позиция, нижняя 0px </p>

Разметка точная, я постоянно проверяю ее на сайте w3c.

не может получить его по центру, он смещен примерно на 30-40 пикселей, у кого-нибудь есть идеи?

1 Ответ

0 голосов
/ 11 мая 2011

Я заметил, что нигде в коде yoru у вас нет центра для вашего содержимого div ...

Возможно, вы имеете в виду это? 

    body
    {
        height: 100%;
        width: 100%;
        text-align: center;
    }

Кроме того, первый комментарий имеет точку.

...