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);
}
Вероятно, вам лучше использовать <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>
Для центрирования тела вам просто нужно:
body{
margin:0 auto;
width:1000px;
}
Этот код работает отлично и со всеми браузерами (Firefox, Chrome, IE [7-11], Opera (Presto тоже)). Вам не нужно ничего больше (для этой цели).
Этот код является примером. Так что, может быть, вам нужно будет сделать небольшую корректировку.
Вы не должны использовать position:absolute
. Это плохо. Как говорит Мёрр, это не имеет смысла и для меня. И я советую вам также переоценить ваш подход. position:absolute
может быть полезна иногда, но для этого случая она совершенно бесполезна.
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);
}
Посмотрите, может ли это вам помочь.