выровнять тело по центру - центрирующее тело

0

hi у меня проблема с абсолютным позиционированием, я хочу max/min-width/height и centering для страницы с фоном; это мой код css, но doesent работа для центрирования... мне нужно выровнять тело с центром с этими кодами

Код css:

body
 {
     position:absolute;
     font-family: "b nazanin","b roya", times new roman;
     font-size:16px;

         min-width:948px;
     min-height:550px;

     width:1280px;
     height:700px;


 }

html
{
     background: fixed -webkit-linear-gradient(red, blue); /* For Safari */
     background: fixed -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
     background: fixed -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
     background: fixed -webkit-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
     background: fixed linear-gradient(red, blue);

}
  • 1
    Зачем вам положение: абсолютное тело? Без разницы. В любом случае: stackoverflow.com/questions/6464592/…
  • 1
    Довольно необычно стилизовать элемент html. Почему бы не применить его к телу?
Показать ещё 6 комментариев
Теги:

3 ответа

0

Вероятно, вам лучше использовать <div>. Форматирование <html> обычно не рекомендуется.

CSS:

body {
    background: fixed -webkit-linear-gradient(red, blue); /* For Safari */
    background: fixed -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
    background: fixed -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
    background: fixed -webkit-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
    background: fixed linear-gradient(red, blue);
    border: 0; /* removes the default body border */
    font-family: 'b nazanin', 'b roya', Times New Roman;
    font-size: 18px;
}

div /* replace with the elements class */ {
    height: 700px;
    margin: auto; /* will cause the element to be center aligned */
    /* min-height and min-width are useless with a fixed height and width */
    width: 1280px;
}

И если вы хотите, чтобы страница с центром по центру, попробуйте это:

body {
    border: 0;
}

.wrapper {
    margin: auto;
    width: 960px; /* 960px is probably the max width you would want to use */
}

Html будет выглядеть так:

<body>
    <div class="wrapper">
        <!-- content -->
    </div>
</body>
0

Для центрирования тела вам просто нужно:

body{
     margin:0 auto;
     width:1000px;
}

Этот код работает отлично и со всеми браузерами (Firefox, Chrome, IE [7-11], Opera (Presto тоже)). Вам не нужно ничего больше (для этой цели).
Этот код является примером. Так что, может быть, вам нужно будет сделать небольшую корректировку.

Вы не должны использовать position:absolute. Это плохо. Как говорит Мёрр, это не имеет смысла и для меня. И я советую вам также переоценить ваш подход. position:absolute может быть полезна иногда, но для этого случая она совершенно бесполезна.

0

min-width, min-height используются только тогда, когда ширина и высота динамичны.

Не см. Http://jsfiddle.net/Ur6ZR/8/

body {
    font-family:"b nazanin", "b roya", times new roman;
    font-size:16px;
    outline:10px solid white;
    margin:0 auto;
    min-width:948px;
    min-height:550px;
    width:100%;
    height:100%;
}
html {
    background: fixed -webkit-linear-gradient(red, blue);
    background: fixed -o-linear-gradient(red, blue);
    background: fixed -moz-linear-gradient(red, blue);
    background: fixed -webkit-linear-gradient(red, blue);
    background: fixed linear-gradient(red, blue);
}

Посмотрите, может ли это вам помочь.

  • 0
    Спасибо за внимание. это не работает для меня. Моя самая большая проблема - изменение размера страницы, потому что содержание в теле изменяется в процентах и в абсолютных позициях, поэтому я использую абсолютную для тела, в противном случае страница при изменении размера становится беспорядочной.
  • 0
    тогда почему бы не использовать ширину: 948px; высоту: 550px ;?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню