Layer - placering på siden

Ved finde positionen på et element, som kan angive den placering, du vil ruge !-)

Jeg har et element som ligger 268 fra top og 130 fra left. Men det ændrer sig jo hvis jer reziser mit vindue eller vælger en anden opløsning

Denne kode laver et lag der ligger 1 px fra toppen og 1 px fra venstre side:

<div style="position:absolute; top:1; left: 1; z-index:100;"> tekst <div>

så skal du bare finde ud af hvor x og y er placeret. Du kan evt spørge andre elementer på skærmen om deres position.

men er det ikke et problem hvis jeg fx kører 800x600 for så ændrer vinduets bredde sig fra 1068x728?

så det jeg vil er at placere <div> i forhold til sidens indhold og ikke i forhold til browservinduet

hvis dit billede ligger på pos 300,300 så er det jo bare at placere div'en på pos pic.x,pic.y Så er det jo ligemeget hvor billedet ligger henne.

Indholdet af siden flytter sig jo ikke længere væk fra venstre side af skærmen bare fordi man trækker i vinduet, eller hvad?

Hvis f.eks. det billede, du vil placere laget på, har et id, kan man:

var pic = document.getElementById('billedId');
var elm = document.getElementById('divId');
elm.style.top = pic.offsetTop + 'px';
elm.style.left = pic.offsetLeft + 'px';

-- hvis billedet ligger inde i et positioneret element, kan der dog være ekstra veje, man skal ud på !-)

svar til dbangx:
Hvad mener du? Hvordan ser det med dette eksempel?
<div style="position:absolute; top:1; left: 1; z-index:100;"> tekst <div>

<div style="
position:absolute; //absolute vil sige at laget skal ligge et bestemt sted i forhold til det 'document' hvor laget laves... Du kan bruge relative, men her bliver laget placeret i forhold til de andre elementer i documentet
top:1; // antal pixels fra toppen
left: 1; // antal pixels fra venstre side
z-index:100; // z-index bestemmer hvor højt laget skal ligge på z-aksen. Hvis der bruges andre lag på siden skal du være sikker på at denne har den rigtige værdi. Jeg har sat den til 100 for at sikre at den ligger øverst.
"> tekst <div>

jeg fandt et link med korte instruktioner om positionering af lag: http://www.gunn.palo-alto.ca.us/~pbruegger/projects/dhtml/dennis/page2.html

Jeg ved ikke om du blev klogere af det, men ellers må du spørge igen :-)

>>dbangx

-- position:absolute; betyder ikke helt det, du angiver, men:

Elementet skal placeres med en bestemt afstand til det nærmest omkransende positionerede elements grænse ...

-- og positionerede element kan være et element, som har position sat til absolute eller relative, eller hvis der ikke er noget element omkring det aktuelle element med den property sat, body-elementet ...

Hvilket vil sige, at det link du fandt tager fejl på samme måde som du åbenbart selv gør, men det betyder forhåbentlig ikke noget for brices problem !-)