Как сделать DIV всегда плавать на экране в верхнем правом углу?

Как сделать DIV всегда плавать в верхнем правом углу экрана, так что даже когда я прокручиваю страницу вниз, DIV все еще отображается в том же фиксированном месте? Спасибо.

Ответ 1

Используйте position: fixed и привяжите его к сторонам страницы top и right:

#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}

Однако IE6 не поддерживает position: fixed. Если вам нужна эта функциональность в IE6, это чисто CSS-решение, похоже, делает трюк. Вам понадобится оболочка <div>, чтобы содержать некоторые стили для ее работы, как показано в таблице стилей.

Ответ 2

Используйте position:fixed, как было сказано ранее, IE6 не распознает position:fixed, но с некоторой магией css вы можете заставить IE6 вести себя:

html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
}

Флаг !important делает это так, что вам не нужно использовать условный комментарий для IE. Это будет #fixedElement использовать position:fixed во всех браузерах, но IE, а в IE, position:absolute вступит в силу с bottom:0. Это будет имитировать position:fixed для IE6