Menu dmv anchors naar div- id

Ik heb op mijn website een menu die verwijst naar anchors in een div met overflow. echter werken de menuitems niet. wanneer ik op een link klik in het menu scrolled de div niet naar de plaats waar hij moet scrollen. sterker nog, hij blijft gewoon stug staan.

weet iemand misschien n oplossinG?

:: http://www.markmyworks.nl ::

Snap je vraag niet helemaal en lijk haast niet de enige, want er is nog geen antwoord.

[quote:ce509a0045="iPod Jimmy"]Snap je vraag niet helemaal en lijk haast niet de enige, want er is nog geen antwoord.[/quote:ce509a0045] als je naar de bron kijkt dan begrijp je het misschien beter.

maar voor de luien onder ons:

ik heb dus in mijn pagina een DIV zitten met daarin inhoud (table). deze DIV heb ik een overflow meegegeven van ‘hidden’ (+vaste maat). in die table heb ik anchors zitten met een ID.
het menu wat je ziet verwijst naar de ID’s van de menu-items. Wanneer je op zo’n menu-item klikt zou deze dus dan tevoorschijn moeten komen. Echter wanneer j dus op een menu-item klikt nu, gebeurt er niks. hiervoor zou ik dus graag hulp zien want ik weet niet wat er verkeerd is aan de code.

Om te beginnen hoor je zover ik weet met <a name="bla"> de 'bookmark' te maken. Dan inderdaad met #bla erheen. Maar dan werkt het nog niet, en volgens mij kan het ook gewoon niet werken tenzij je javascript o.i.d. toepast. (Of het gewoon anders maakt).

Ik raad je aan om iets anders te proberen, met bijvoorbeeld een javascript oplossing.
Misschien iets als dit:

[code:1:ca5a6a4547]<html>
<head>
<title>soulcreeper</title>
<style type="text/css">
div#content{
position: absolute;
top: 15%;
left: 5%;
right: 5%;
height: 200px;
overflow: hidden;
border: 1px solid red;
background-color: #e5e5e5;
}

div#content div#realcontent&#123;
  display&#58; none;
&#125;
  
div#content div#realcontent2&#123;
  display&#58; none;
&#125;
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
  function toggle&#40; id &#41;
  &#123;
    var obj = document.getElementById&#40; id &#41;;
    document.getElementById&#40;'navigation'&#41;.style.display = &#40; obj.style.display == 'block' ? 'block' &#58; 'none' &#41;;
    obj.style.display = &#40; obj.style.display == 'block' ? 'none' &#58; 'block' &#41;;
  &#125;
&lt;/script&gt;

</head>
<body>

&lt;div id=&quot;content&quot;&gt;
  &lt;div id=&quot;navigation&quot;&gt;
    &lt;a href=&quot;javascript&#58;toggle&#40;'realcontent'&#41;;&quot;&gt;test link&lt;/a&gt; || 
    &lt;a href=&quot;javascript&#58;toggle&#40;'realcontent2'&#41;;&quot;&gt;test link 2&lt;/a&gt;
  &lt;/div&gt;
  &lt;div id=&quot;realcontent&quot;&gt;
    &lt;a href=&quot;javascript&#58;toggle&#40;'realcontent'&#41;;&quot;&gt;back to navigation&lt;/a&gt;&lt;br /&gt;
    Dit is dus de inhoud van je site.
  &lt;/div&gt;
  &lt;div id=&quot;realcontent2&quot;&gt;
    &lt;a href=&quot;javascript&#58;toggle&#40;'realcontent2'&#41;;&quot;&gt;back to navigation&lt;/a&gt;&lt;br /&gt;
    En dit een andere pagina.
  &lt;/div&gt;
&lt;/div&gt;

</body>
</html>[/code:1:ca5a6a4547]

Persoonlijk vind ik het een lelijke manier van navigatie, of je het nou met of zonder javascript doet.

Het werkt wel, alleen niet in Safari...

Misschien heb je hier wat aan…
http://blog.deconcept.com/2005/03/25/safari-and-links-to-elements-in-overflow-auto-content/
(javascript hack)

[quote:c5e6045814="kaydie"]Het werkt wel, alleen niet in Safari...

Misschien heb je hier wat aan…
http://blog.deconcept.com/2005/03/25/safari-and-links-to-elements-in-overflow-auto-content/
(javascript hack)[/quote:c5e6045814]
maar dat van hem klopt ook al niet meer. hij laat een pagina zien waar dat niet werk, maar bij mij werkt het dan weer wel. maar als ik het dus in mn eigen website toepas, werkt het weer niet

http://blog.deconcept.com/code/overflowsafari/overflowsafari.html