Question

the HTML code below is my HTML markup and i want that the positioning inside this template area is absolute. But when I do this right now, get positioned from the upper left corner but I want that the position (left:0, top:0) is the upper left corner of the class sheet.

Is it possible to do this like that?

<div class="sheets" data-bind="foreach: pages">
    <div class="sheet">
        <div class="elements">
            <div data-bind="template: { name: 'image', foreach: Elements }">

            </div>
        </div>
    </div> 
</div>

Answer 1

Position the <div> you want it to be offset from using something other than static, usually relative. In your case:

.sheets {
    position: relative;
}

should do the trick.

EDIT: Maybe I misread the question. Applying the style to .sheet or .elements might be more appropriate.