Wie richtet man ein Element aus, das CSS-Ränder anwendet, die nicht entsprechend den Browsern und Bildschirmauflösungen verändert werden?

Question

Ich brauche etwas, das in einem bestimmten div-Element ist, um an einem bestimmten Ort zu schweben. Natürlich bekomme ich verschiedene Positionen nach Bildschirmauflösungen und Browsern. Ich brauche diesen Inhaltsblock in der oberen rechten Ecke, aber nicht ganz ganz oben, sondern etwa 3 Zentimeter von oben.

Wie kann ich die Position behoben bekommen?

Ive versucht, diesen:

#sidebars { 
    margin: -37% 1% 0 0; 
    width: 35%; 
} 

Und es funktioniert auf einer Seite mit einem bestimmten Browser nur (Du neueste Firefox-Version mit dieser zu testen).

Also habe ich eine feste Position versucht, nur um ein Ergebnis zu erhalten, das die Ränder nicht respektiert. Also, ich habe einige Float auf der rechten Seite, ohne Konsequenz hinzugefügt:

#sidebars { 
    float: right; 
    margin: -37% 1% 0 0; 
    position: fixed; 
    width: 35%; 
} 

Irgendwelche Ideen? Vielen Dank im Voraus für Ihren Einblick !!

Rosamunda

Answer 1

Klingt wie Sie eine feste Position tun wollen, aber ich bin ziemlich sicher, dass Sie nicht über die Ränder müssen. Um klar zu sein, wird position: fixed; ein Element mit dem Fenster positionieren (während absolute zu dem Dokument ist). Ich wette, Sie suchen etwas in der Art:

#sidebars { 
    position: fixed; 
    width: 35%; 
    right:0px; 
    top:0px; /* or whatever spacing you said you need from the top of the window */ 
}