[HTML] Dropdown menu + iframe probleem

[Verwijderd]

op www.easyrunning.nl heb ik een probleem.
zodra men deze site bezoekt via firefox heeft het dropdown menu geen kleur boven het iframe.
precies op de lijn waar het iframe begint stopt de kleur in het dropdown menu.
enig idee hoe dat komt?
in IE werkt ie perfect.

[reddevil]

De height van je div (onder loopadvies iig) bij is maar 22 pixels

[ Voor 26% gewijzigd door reddevil op 19-02-2008 09:47 ]

[Verwijderd]

zou je dit kunnen toelichten? ik snap niet helemaal wat dit met elkaar te maken heeft. (gebrek aan kennis aan mijn kant zeg maar)

[Zerora]

Ik zou graag wat code van je willen zien van dat dropdown menu. Want op deze manier gaat dit niet werken.
Dus post netjes alle gerelateerde code van de dropdown menu even tussen [code] [/code] zodat we niet hoeven te zoeken.

offtopic: wil je ook nog even deze faq en deze faq lezen zodat je jouw topicstart nog even wat kan aanscherpen conform de regels

[ Voor 77% gewijzigd door Zerora op 19-02-2008 09:55 ]

[disjfa]

Verwijderd schreef op dinsdag 19 februari 2008 @ 09:50:
zou je dit kunnen toelichten? ik snap niet helemaal wat dit met elkaar te maken heeft. (gebrek aan kennis aan mijn kant zeg maar)

Wij zijn geen helpdesk of opleidingsinstituut hé Dus bij gebrek aan kennis zou ik daar eerst naar kijken voor zomaar een willekeurige vraag te stellen

[Verwijderd]

ok.

gedeelte in index:

code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

java script gedeelte:

code:

function at_display(x)
{
  win = window.open();
  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}

function at_show_aux(parent, child)
{
  var p = document.getElementById(parent);
  var c = document.getElementById(child);

  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

  for (; p; p = p.offsetParent)
  {
    top  += p.offsetTop;
    left += p.offsetLeft;
  }

  c.style.position   = "absolute";
  c.style.top        = top +'px';
  c.style.left       = left+'px';
  c.style.visibility = "visible";
}

function at_show()
{
  p = document.getElementById(this["at_parent"]);
  c = document.getElementById(this["at_child" ]);

  at_show_aux(p.id, c.id);

  clearTimeout(c["at_timeout"]);
}

function at_hide()
{
  c = document.getElementById(this["at_child"]);

  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
}

function at_click()
{
  p = document.getElementById(this["at_parent"]);
  c = document.getElementById(this["at_child" ]);

  if (c.style.visibility != "visible") at_show_aux(p.id, c.id);
  else c.style.visibility = "hidden";

  return false;
}

function at_attach(parent, child, showtype, position, cursor)
{
  p = document.getElementById(parent);
  c = document.getElementById(child);

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = position;
  c["at_position"]   = position;

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  if (cursor != undefined) p.style.cursor = cursor;

  switch (showtype)
  {
    case "click":
      p.onclick     = at_click;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
    case "hover":
      p.onmouseover = at_show;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
  }
}

[reddevil]

Verwijderd schreef op dinsdag 19 februari 2008 @ 09:50:
zou je dit kunnen toelichten? ik snap niet helemaal wat dit met elkaar te maken heeft. (gebrek aan kennis aan mijn kant zeg maar)

Je hebt ergens staan:

HTML:

<div id="menu_child2" class="style1" style="background: rgb(255, 176, 37) none repeat scroll 0%; position: absolute; visibility: hidden; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 22px; left: 300px; top: 222px;">

Hoogte van div is 22 pixels. IE zegt ongeveer: ik heb meer ruimte nodig, lekker belangrijk dat je 22 pixels zegt, ik maak er gewoon 'x' pixels van. FF zegt dattie 22 pixels is, dus je achtergrond is 22 pixels. Haal de 'height' eruit en test nog is.

[Verwijderd]

dank u ik ga er nu meteen meebezig!

*edit
dit was idd het probleem.
werkt nu goed
dank u zeer!

[ Voor 49% gewijzigd door Verwijderd op 19-02-2008 13:19 ]