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

[vestmix Участник]

Создаю блок на 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 Участник]

Вопрос решен блок двигается:

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

Но с версткой проблемы, на разных расшерениях, по разному отображается блок слетает.
Как решить это?

 

[Matanya565 Участник]

Задай своему блоку

.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 Местный]

бордер можно сократить

border-style: solid;
border-color: #cccccc #cccccc #cccccc #cccccc;
border-width: 1px;

пример:

border: 1px solid #ccc;