Проблема с HTML/CSS: div расположен справа

Question

Я много искал, чтобы решить эту проблему, но пришел с пустыми руками.

В принципе, у меня есть DIV, который повторяется на оси х от центра экрана к левой стороне:

#example{ 
left:50%; 
width:50%; 
background-color:red; 
background-repeat:repeat-x; 
} 

Это дает Диву иллюзию только повторив на левую сторону экран, который я хочу, чтобы он делал. Он делает это. Моя проблема в том, что я хочу иметь другой div, который делает то же самое, кроме права. Этот код не работает:

#exampleright{ 
right:50%; 
width:50%; 
background-color:red; 
background-repeat:repeat-x; 
} 

В чем проблема? Есть ли решение? Или есть другой способ сделать это? Благодаря!!

Answer 1

Вы могли бы рассмотреть возможность использования float вместо left и right:

<div class="example example-left">example left</div> 
<div class="example example-right">example right</div> 

div.example { 
    width:50%; 
    background-color:red; 
    background-repeat:repeat-x; 
} 

div.example.example-left { 
    float:left; 
} 

div.example.example-right{ 
    float:right 
} 

http://jsfiddle.net/AAKRP/2/