Проблема с relative и absolute

  • Автор темы vestmix
  • Дата начала
vestmix
Участник
Сообщения
146
Реакции
4
Создаю блок на 650xp в _rules.php:

Код:
<?PHP
$_OPTIMIZATION["title"] = "Правила";
$_OPTIMIZATION["description"] = "Общие правила проекта";
$_OPTIMIZATION["keywords"] = "Правила, помятка пользователя, правила проекта";
?>
<div class="rg">
<div class="block" style="width: 650xp;">  
<?PHP
$db->Query("SELECT rules FROM db_conabrul WHERE id = '1'");
$xt = $db->FetchRow();
echo $xt;
?>
</div>
</div>
С файла css:

block:
Код:
.block {
    background: none repeat scroll 0 0 #f4f4f4;
    border-radius: 1px;
    padding: 15px 15px 15px 15px;
    border-style: solid;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    border-width: 1px;
}
rg:
Код:
.rg {
position: relative;
left: 50%;
}
Проблема вот в чем в классе .rg, position: relative; сдвигает страницу в бок с блоком вот так:
http://i.imgur.com/ed1PJEa.png он почему то не видет что страница 100%. а, если с помощью position: absolute;
двигать то футер вообще летит верх. как сделать так что бы блок двигался нормально?
 
vestmix
Участник
Сообщения
146
Реакции
4
Вопрос решен блок двигается:

.rg {
position: relative;
padding-left: 30%;
}

Но с версткой проблемы, на разных расшерениях, по разному отображается блок слетает.
Как решить это?
 
Последнее редактирование:
Matanya565
Участник
Сообщения
20
Реакции
11
Skype
Задай своему блоку
Код:
.block {
background: none repeat scroll 0 0 #f4f4f4;
border-radius: 1px;
padding: 15px 15px 15px 15px;
border-style: solid;
border-color: #cccccc #cccccc #cccccc #cccccc;
border-width: 1px;
position: relative;
z-index: 5;
left: 50%;
margin-left: -140px;
margin-top: -20px;
}
а rg не нужен будет. Отступы корректируются. Я ж не знаю где он блок у тебя по центру или слева или справа. Это будет по центру
 
nicehash
Местный
Сообщения
40
Реакции
5
бордер можно сократить
Код:
border-style: solid;
border-color: #cccccc #cccccc #cccccc #cccccc;
border-width: 1px;
пример:
Код:
border: 1px solid #ccc;
 
Сверху