Span vises ikke på samme linie i Firefox + scroll i bunden

Prøv at smid din position:absolute væk og brug så iøvrigt display:block eller display:none til at vise/skjule lag.

Problemet med scrollbaren skyldes tilsyneladende også inline <span> elementet. Fjerner jeg det, er der slet ingen problemer.

Ok, prøver jeg lige :)

Hvordan skal jeg bruge position i mit javascript? Jeg bliver vel nødt til at angive enten absolute eller relativ for ikke at optage plads på siden når elementet er skjult.

Fik jeg nævnt at det også skulle virke i Firefox? For det gør det overhovedet ikke nu. Men det virker fint i IE. Her sætter jeg elementernes 'display' property til "block" eller "none", og 'position' property til "relative" eller "" (tom).

?

Du skal bruge style.visibility hvis det skal virke i FF.

Grunden til at du får lidt uoverensstemmelse imellem hvordan FF og IE behandler dokumentet er af to grunde. Den første er at du ikke bruger style.left og style.top når du sætter style.position='absolute'. FF bliver meget forvirret :-) og sætter først dit <span> i forlængelse af din genvej. Når så den <div> der indeholder dit <span> får style.position='relative' bliver dit <span> på to linjer og når du så igen sætter absolute på <div> 'opgiver' FF og flytter dit <span> ned under din genvej. Øhm...er du med :-)

IE tænker 'Øh' og placere hele tiden dit <span> efter din genvej. Derfor 'genopstår' din scrollbar i IE men ikke i FF.

Så første skridt er at tilføje de to styles top og left til dine scripts og styles.

Når du har gjort det bliver FF og IE mere konsekvente i deres adfærd men stadig ikke ens. Fordi IE sætter dit <span> på samme linje som dit link, mens FF sætter dit <span> ind på linjen under dit link.

Og så løb jeg tør for gode ideer :-), men hvis du vil lege videre med det så kan jeg anbefale dig at slette alle dine div's undtagen den om google da det er den de indeholder problemet dernæst så lad være med at sætte visibility til hidden, fordi så kan du meget bedre følge med i hvad FF og IE laver mens du tester.

God fornøjelse :-)

Mvh. Johan

Hej Johan.

Mange tak for dit input. Jeg har tilføjet top og left til klassen der bruges af mit DIV tag - men det ændrede ikke på noget. Satter hver property til 1px.

Så jeg er ikke kommet meget videre.

Jo, sørme. Jeg fik tilføjet det til den forkerte klasse. Ved at sætte top og left til 0px på span-klassen, fik jeg løst problemet :)
Du må gerne smide et svar! :)

Løsningen på problemet med, at FF smider teksten ned på næste linie efter linket, løste jeg ved at lade siden starte med alle elementer udvidet. Ved onLoad på body får jeg så alle elementer til at kollapse. Det fungerer fint :)

Velbekomme :-)

"Du skal bruge style.visibility hvis det skal virke i FF."

Nej, style.display virker fint i både FF, Netscape, opera og andre DOM browsere.

<ole>

I det hele taget lyder det, somom det er johan.o, der er 'meget forvirret' ... ikke FF  ;D

/mvh
</bole>

Det er absolut ikke umuligt at jeg er blevet en smule forvirret :-) men jeg mener ikke style.display har de samme egenskaber i FF som i IE og lige præcis de egenskaber som 'webcreator' skulle bruge mener....mente ? :-) ....jeg ikke style.display kunne give ham, men som sagt er det da muligt jeg tager fejl. Men så håber jeg da at i vil vise mig og 'webcreator' hvordan det kan gøres med style.display istedet.

Mvh. Johan

AHA ! og så kan jeg lærer det :-)

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display

Mvh. Johan

- ja, gu' ka' du da så ...!!!  ;D

/mvh

- og nej, jeg pisser ikke på dig. Det er venligt/humoristisk ment  ;o)

No worries :-) man må forberede sig på at næsen kan komme i klemme hvis man stikker den frem :-)

Mvh. Johan