Как выровнять элемент, применяя поля CSS, которые не изменяются в соответствии с браузерами и разрешениями экрана?

Question

Мне нужны вещи, которые находятся внутри определенного элемента div, чтобы плавать в определенном месте.Естественно, я получаю разные позиции в зависимости от разрешения экрана и браузеров.Мне нужно, чтобы этот блок контента появлялся в верхнем правом углу, но не в самом верху, а примерно в 3 сантиметрах от верха.

Как мне исправить положение?

Я попробовал это:

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

И он работает на одной странице только с определенным браузером (я использую последнюю версию Firefox для проверки этого).

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

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

Есть идеи?Заранее большое спасибо за понимание !!

Розамунда

Answer 1

Звучит так, будто вы хотите фиксированной позиции, но я почти уверен, что вам не нужны поля. Чтобы было ясно, position: fixed; будет позиционировать элемент с окном (тогда как absolute относится к документу). Могу поспорить, вы ищете что-то вроде этого:

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