ich bin ein DIV, das absolut gesetzt ist; dadurch klebe ich immer am rechten, oberen Rand des browser-Fensters
/*
Position des Divs absolut gesetzt
OHNE ein übergeordnetes Element zu definieren
*/
div#absolutPosition_1 {
width:98px; /* die Breitenangabe ist sehr wichtig! */
position:absolute;
right:0; /* immer am rechten Rand */
top:5px;
border:1px solid #ccc;
background-color:#eee;
font-size:85%;
padding:10px
}
Mea modo ridens ocurreret cu.
/*
Position des "Eltern-Divs" relativ gesetzt
*/
div#elternElement {position:relative;}
/*
Position des Bildes absolut gesetzt
*/
p.absolute img {
position:absolute;
top:-23px; /* negativ zum höher-ziehen */
right:-23px; /* negativ zum raus-ziehen */
border:1px solid #ccc;
opacity:0.7; /* ein bisschen transparent, damit man den HG sieht */
}
Beachtet bitte, wie das Elternelement niedriger wird als das Bild, das es enthält! Durch das Absolut-Setzen eines Elements wird dieses komplett aus dem normalen "Dokumenten-Fluss" genommen!