Problemer med at aflæse placering af DIV i IE

No comprende ...

-- jeg har aldrig haft problemer med jumpers lille fikse funktion, men den leverer jo altså positionen i forhold til det yderste element i det aktuelle dokument/vindue !-)

ok - men kan den omskrives så den i alle browsere (læs: IE + FF) aflæser positionen i forhold til hvor selve BODY elementet starter i browservinduet, og ikke hvor f.eks. browserens titellinie begynder i toppen af skærmen ?

Du kan se mit problem her:
http://fisker.wkh.dk/1/1/velkomst.html

På siden returneres 283 i IE, men der burde aflæses 156 som FF ganske rigtigt gør.

Hvorfor er der forskel på aflæsningen i IE og FF i dette tilfælde? Skyldes det at jeg har programmeret siden uhensigtsmæssigt, eller kan scriptet omskrives til at tage højde for dette problem ?

Kunne du ikke lave en testside, hvor man ikke skulle lede en hel stribe scripts igennem for at se hvad du har lavet ?-)

Jo, men det er dét der er mit problem. Hvis jeg bruger scriptet på en testside, aflæses y ganske ens i både IE og FF. Se her:
http://fisker.wkh.dk/test2.html

Men det aflæses ikke ens på min rigtige side ?!?

Så laver du altså et eller andet, som er væsentlig anderledes på den side ...

-- i hvilket script har du smidt testen ?-)

http://fisker.wkh.dk/includes/milonic/menu_data.asp?siteID=1

linie 171

function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}



linie 207

objDesign = document.getElementById("design");
    intTopPos = getPos(objDesign).y + 12
   
    alert(getPos(objDesign).y)

Jeg kan ikke i den kode finde noget, som skulle gøre en forskel, men jeg kender så heller ikke milonics menu så godt, at jeg kender opbygningen af elementerne, for der kan være noget ganske uventet, hvis den placerer sig anderledes end du og jeg forventer !-)

Hmm, men umiddelbart kan det vel ikke have noget med milonic menuen at gøre.

Jeg laver jo en ganske "ren" aflæsning af y koordinatet for elementet "design" således:

objDesign = document.getElementById("design");
alert(getPos(objDesign).y);

men får alligevel forkert y koordinat i IE ?!?

Nu har jeg smidt scriptet og aflæsningen direkte i bunden her:
http://fisker.wkh.dk/1/1/velkomst.html

Men stadig samme problem.... ?!?

Eneste grund, jeg kan tænke mig til, må være et element, som på tidspunktet ligger og fylder op ...

Prøv at indsætte det sådan:

<script type="text/javascript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}

window.onload = function(){
objDesign = document.getElementById("design");
alert(getPos(objDesign).y);}
</script>

Hmm, har vist heller ikke noget med det at gøre...

Prøv at kigge på kildekoden nu:
http://fisker.wkh.dk/1/1/velkomst.html

Har barberet den ned til minimum.

Hvis jeg fjerner mit CSS i STYLE sektionen i toppen af siden, aflæses der korrekt ?!?

Hrm, html, body height ?-)

Tænke, tænke ...

Prøv at kigge nu:
http://fisker.wkh.dk/1/1/velkomst.html

Aflæsningen af DIV i tabel går galt i IE, men ikke den DIV jeg har sat udenfor min TABLE ?!?

Jeg får også skøre resultater, hvis jeg indsætter positionering i både tabel, række og celle, nemlig en korrekt aflæsning, men placering af tingesten helt i top ...

-- så det har altså noget med tabellen at gøre ...

Yes - nu er det lykkedes mig at få siden til at vise forkert aflæsning af y koordinat for min DIV i TABLE i både IE og FF

jeg fatter nada....

http://fisker.wkh.dk/1/1/velkomst.html

<ole>

<div class="spacer" id="spacer" style="font-size:0;line-height:0">&nbsp;</div>

- does the trick  ;o)

/mvh
</bole>

- du kan ikke sætte et divs højde til noget mindre end højden at et indeholdt tegn  :)

- og de inline-styles, jeg skriver i divet, bør du naturligvis lægge ind under klassen 'spacer'  :)

- eller har jeg misforstået noget?  :)

hej ole

når du kigger på test sitet er det ikke længere det samme kode eksempel som jeg arbejde på i går. Du har dog ganske ret i din pointe med at min spacer kun kan sættes til 0px hvis man bruger dit "hack".

Men mit grundlæggende problem var at jeg havde puttet min design DIV ind i en tabel for at centrere vertikalt. Men efter at have puttet min DIV ind i tabellen aflæste getPos() funktionen ikke længere min DIVs top og left koordinater korrekt.

Jeg har hentet en masse forskellige funktioner ned med formålet at aflæse en DIVs top og left, men alle fejler når DIV´en er placeret i en tabel.

?!?

Derfor har jeg nu valgt en løsning hvor jeg scripter mig til en vertikal centrering fremfor den simple løsning med brug af tabel.

Hmmm ... det har jeg nu godt nok aldrig haft problemer med. Det må jeg prøve at forske lidt i. Men du må meget gerne vise et simpelt eksempel, der fejler - hvis du al'så gids  :)

http://wkh.dk/getPos.htm

Jeg får følgende resultater:

IE
left - korrekt aflæsning
top - IKKE korrekt aflæsning

FF
left - korrekt aflæsning
top - korrekt aflæsning

Problemet opstår altså kun i IE.
Jeg bruger IE 6 på winXP pro med SP2

Hej Ole

Har du haft tid til at kigge på mit test eksempel ?

/Krogen