Avatar billede mik789 Nybegynder
07. maj 2002 - 13:52 Der er 3 kommentarer og
1 løsning

gå til #name og overflow

NS6 har nogle begrænsninger med overflow. (Se f.eks. også: http://www.eksperten.dk/spm/207659). Nu vil godt fra én div linke til et bogmærke (altså href="#name") i en anden div der stylet med overflow:auto (eller scroll). Det lader sig fint gøre i IE, men ikke i NS6. Kun hvis man fjerner overflow eller sætter det til visible, kan NS6 også finde bogmærkerne. Er der en javascript (eller anden) løsning, der kan komme omkring dette. I kan selv lege med koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- eller flg. DOCTYPE hvis det drejer sig om et frameset:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

-->

<html>

<head>

<title>Name</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
div#denneDiv {
  border:1px solid; position:absolute; top:50px; left:50px; width:200px; height:500px; overflow:auto;
  }
div#andenDiv {
  border:1px solid; position:absolute; top:50px; left:500px; width:200px; height:500px;
  }
</style>

</head>

<body>

<div id="denneDiv">

<p><a name="nummer1">Nummer1</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a name="nummer2">Nummer2</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a name="nummer3">Nummer3</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

</div>

<div id="andenDiv">

<p><a href="#nummer1">goto Nummer1</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a href="#nummer2">goto Nummer2</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a href="#nummer3">goto Nummer3</a></p>

</div>

</body>

</html>
Avatar billede mik789 Nybegynder
07. maj 2002 - 13:53 #1
hov! undskyld jeg ikke fik lavet linjeskift
Avatar billede Slettet bruger
07. maj 2002 - 17:12 #2
Det her er en alternativ løsning, der måske virker i NS6 (det virker da i hvert falde i IE):

<html>

<head>

<title>Name</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
div#denneDiv {
  border:1px solid; position:absolute; top:50px; left:50px; width:200px; height:500px; overflow:auto;
  }
div#andenDiv {
  border:1px solid; position:absolute; top:50px; left:500px; width:200px; height:500px;
  }
</style>

</head>

<body>

<div id="denneDiv">

<p><a id="nr1">Nummer1</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a id="nr2">Nummer2</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a id="nr3">Nummer3</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

</div>

<div id="andenDiv">

<p><a href="#" onClick="document.getElementById('nr1').scrollIntoView(); return false;">goto Nummer1</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a href="#"  onClick="document.getElementById('nr2').scrollIntoView(); return false;">goto Nummer2</a></p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p><a href="#" onClick="document.getElementById('nr3').scrollIntoView(); return false;">goto Nummer3</a></p>

</div>

</body>

</html>
Avatar billede Slettet bruger
07. maj 2002 - 17:32 #3
Glem det, det virker ikke! :(
Avatar billede mik789 Nybegynder
11. maj 2002 - 19:13 #4
OK, det kan åbenbart ikke lade sig gøre i NS6. Løsningen bliver så at bruge en iframe i stedet
for den div, jeg ville skrive i og så bruge xhtml transitional (der tillader iframe) i stedet for
xhtml strict (der ikke gør det).
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