Создание div фиксировано вертикально, но приклеено к границе страницы горизонтально

Question

Не могли бы вы перечислить: http://www.binarymark.com/Products/ColorPickerPro/default.aspx и обратите внимание на расположение страницы.

Что я хочу сделать, это придерживаться или «приклеивать» небольшой div к правой стороне страницы, то есть так, чтобы он находился за пределами правого кадра страницы.

Однако, вертикально я хочу, чтобы div был привязан к окну, независимо от того, сколько страниц прокручивается, он должен оставаться фиксированным 300px от верхнего края окна.

Вот что он должен выглядеть http://www.binarymark.com/layexp.png

Можете ли вы помочь мне, пожалуйста?

Кажется легким, но я не знаю, как совместить вертикальное фиксированное позиционирование и горизонтальное относительное/абсолютное позиционирование и следить за тем, чтобы он поддерживал все основные браузеры.

Спасибо.

Answer 1

position: fixed; 
right: 0; 
top: 50%; 

---

Edit: попробуйте вставить этот DIV в качестве первого ребенка вашего <div id="content">...

<div class="right-tab">TEXT</div> 

CSS:

.right-tab { 
    position: fixed; 
    top: 50%; 
    width: 1100px; 
    background-color: red; 
    text-align: right; 
} 

Это должно вам начать работу. Ширина будет определять, сколько прошлого содержимого, которое вы хотите отобразить на вкладке (так что в данном случае это около 100 пикселей). Красный фон - это просто, чтобы вы могли более легко увидеть div.