Avatar billede pixiball Nybegynder
22. juni 2007 - 11:45 Der er 11 kommentarer og
1 løsning

Placering af billed - del 2 (iE og Firefox)

Dette er et tillægs spørgsmål til http://www.eksperten.dk/spm/781447 - det virker fint i iE, men driller i Firefox.... hvorfor er der forskel i virkemåden af
<div id="billede1" align="center" style="position:absolute;width:100%;left:0px;top:200px; visibility: hidden;">
Avatar billede roenving Novice
22. juni 2007 - 15:55 #1
Kan du ikke vise et link ?-)
Avatar billede pixiball Nybegynder
23. juni 2007 - 09:08 #2
prøv at se test.kmmaskiner.dk i hhv. iE og Firefox
Avatar billede roenving Novice
24. juni 2007 - 02:15 #3
PS. Hvis du er smart, så sørger du for, at der er http:// og eller www på links, for så bliver de klikbare: http://test.kmmaskiner.dk !-)
Avatar billede pixiball Nybegynder
24. juni 2007 - 02:35 #4
jeps, men du er en smart "cowboy" - så du havde nok regnet den ud.......
Avatar billede olebole Juniormester
25. juni 2007 - 15:36 #5
<ole>

- og problemet er ...?

/mvh
</bole>
Avatar billede pixiball Nybegynder
25. juni 2007 - 20:20 #6
nu skal du høre. Hvis jeg går ind på http://test.kmmaskiner.dk via IE og føre cursoren hen over et at de små billeder, vises en større version midt på siden (og det er det der skal ske.) Hvis jeg derimod går ind på siden via Firefox, så vises det store billede helt ude til højre - og det skal det jo ikke. Så det er heri problemet ligger.
Avatar billede olebole Juniormester
26. juni 2007 - 15:05 #7
Okay, så forstår jeg  =)

Et absolut positioneret element vil placere sig i forhold til det første omkransende element, der er positioneret (om dette er absolut eller relativt positioneret er til gengæld ligemeget). Findes et sådan ikke, vil det placere sig i forhold til body-elementet.

Prøv derfor at lægge et ekstra div i tabel-cellen (det er ikke nok at sætte 'position:relative' på cellen). Noget i stil med:

<td  width="550" align="center" valign="top" bgcolor="#FFFFFF">
    <div style="position:relative">
        <div id="billede1" align="center" style="position:absolute;width:100%;left:0;top:0; visibility: hidden;">
        ... ... ... ... ...
        </div>
        ... ... ... ... ...
    </div>
</tr>

- og leg så lidt med top- og left-værdierne.

Derudover har både IE og FF åbenbart en DOM-bug! Din funktion bør se sådan ud:

function ShowHide(id, visibility) {
  obj = document.getElementById(id);
     
  if (visibility == 'hidden')
  {
  obj.style.visibility = visibility;
  /* obj.style.display= 'none';
  alert("skjul") */
  }
  else
  {
  obj.style.visibility = visibility;
  /* obj.style.display= 'inline';
    alert("vis") */
  }
}

Hvis IE og FF overholdt standarderne, ville din egen funktion ikke kunne virke - så det er nok meget godt at lave den om. Man kan jo aldrig vide, om MS og Mozilla pludselig en dag begynder at tage deres arbejde seriøst  ;o)
Avatar billede pixiball Nybegynder
27. juni 2007 - 01:37 #8
Det med funktionen er i orden, det virker fint. Men det andet, det med billederne driller staddig - ligemeget hvad jeg gør....
Avatar billede olebole Juniormester
27. juni 2007 - 10:42 #9
Nej, det med funktionen er _ikke_ i orden. Det er et rent svindeheld, begge browsere i skrivende stund har samme fejl. Du risikerer, at Mozilla retter fejlen i den patch, de udsender imorgen - og så fejler dit script Big Time!

Hvad det andet angår, så prøv at rette det i filen, der ligger online. Ellers er det ikke til at se, hvad du gør og hvorfor det evt. ikke virker  =)
Avatar billede pixiball Nybegynder
01. juli 2009 - 21:33 #10
Olebole sender du ikke et svar - så den kan lukkes (bedre sent end aldrig)
Avatar billede pixiball Nybegynder
21. september 2011 - 22:26 #11
ingen respons fra olebole - lukker selv
Avatar billede olebole Juniormester
21. september 2011 - 22:32 #12
Sorry ... ja, du kan roligt lukke  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester