Faire div fixe verticalement mais collé à la bordure de la page horizontalement

Question

Pouvez-vous s'il vous plaît aller à: http://www.binarymark.com/Products/ColorPickerPro/default.aspx et noter la mise en page de la page. Qu'est-ce que je veux faire est de coller ou "coller" un petit div sur le côté droit de la page, c'est-à-dire juste en dehors du bon cadre de la page.

Cependant, verticalement, je veux que la div soit fixée à une fenêtre, peu importe le degré de défilement de la page, elle doit rester fixée à 300 pixels du bord supérieur de la fenêtre.

Voici ce qu'il devrait ressembler à http://www.binarymark.com/layexp.png

Pouvez-vous me aider s'il vous plaît?

Cela semble facile, mais je n'ai aucune idée de la façon de combiner le positionnement fixe vertical et le positionnement relatif horizontal/absolu et de s'assurer qu'il prend en charge tous les principaux navigateurs.

Merci.

Answer 1

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

---

Edit: essayez d'insérer ce div comme le premier enfant de votre <div id="content">...

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

CSS:

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

Cela devrait vous aider à démarrer. La largeur spécifiera combien de temps passé le contenu que vous voulez que votre onglet affiche (dans ce cas, il s'agit d'environ 100 px). Le fond rouge est juste pour que vous puissiez voir plus facilement la div.