Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[HTML] Dropdown menu + iframe probleem

Pagina: 1
Acties:

Verwijderd

Topicstarter
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
  • Registratie: Februari 2001
  • Laatst online: 06-10 14:25
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

Topicstarter
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
  • Registratie: September 2003
  • Laatst online: 00:16

Zerora

Ik Henk 'm!

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 ]

Trans-life! :::: "All things change, whether from inside out or the outside in. That is what magic is. And we are magic too."


  • disjfa
  • Registratie: April 2001
  • Laatst online: 04-11 11:05

disjfa

be

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 :)

disjfa - disj·fa (meneer)
disjfa.nl


Verwijderd

Topicstarter
ok.

gedeelte in index:
code:
1
2
3
4
5
6
7
8
9
10
<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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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
  • Registratie: Februari 2001
  • Laatst online: 06-10 14:25
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:
1
<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

Topicstarter
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 ]

Pagina: 1