hiya,
Ben met een pagina bezig waarin uiteindelijk wat pulldown-menu'tjes moeten komen. Daarvoor heb ik een aantal layers nodig die over elkaar heen vallen. Verder niet heel relevant voor het probleem.
De inhoud zit in een paginavullende tabel en daar heb ik nu een aantal DIV's voor geplaatst. Gaat prima in IE, Mozilla en Opera maar Netscape4 doet raar: De eerste DIV (menu1) gaat prima, de 2e en 3e vallen niet over de tabel heen maar duwen hem aan de kant (ook als ik ipv width 100% een vaste breedte geef.)
Lijkt haast op een bug want de grijze tabelcellen van 'menu2' zijn niet zichtbaar, maar de tekst "item3" en "item4" kan ik wel selecteren in de pagina.
Ik snap er eerlijk gezegd niets van want vergelijkbare constructies met meerdere DIV's (zoals bijvoorbeeld het Computer Arts pulldown-menu) leveren geen problemen op.
Iemand die hier iets mee kan?
(Ik heb het angstige vermoeden dat ik iets over het hoofd zie.)
Ben met een pagina bezig waarin uiteindelijk wat pulldown-menu'tjes moeten komen. Daarvoor heb ik een aantal layers nodig die over elkaar heen vallen. Verder niet heel relevant voor het probleem.
De inhoud zit in een paginavullende tabel en daar heb ik nu een aantal DIV's voor geplaatst. Gaat prima in IE, Mozilla en Opera maar Netscape4 doet raar: De eerste DIV (menu1) gaat prima, de 2e en 3e vallen niet over de tabel heen maar duwen hem aan de kant (ook als ik ipv width 100% een vaste breedte geef.)
Lijkt haast op een bug want de grijze tabelcellen van 'menu2' zijn niet zichtbaar, maar de tekst "item3" en "item4" kan ik wel selecteren in de pagina.
Ik snap er eerlijk gezegd niets van want vergelijkbare constructies met meerdere DIV's (zoals bijvoorbeeld het Computer Arts pulldown-menu) leveren geen problemen op.
Iemand die hier iets mee kan?
(Ik heb het angstige vermoeden dat ik iets over het hoofd zie.)
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
| <body MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0" bgcolor="black" >
<DIV align="left" id="menu1" style="position:absolute;z-index:10;left:50px;top:0px;width:100px;height:120px;" >
<table width="100" height="120" border="0" cellpadding="0" cellspacing="0">
<tr><td align="left" height="20" style="background-color:red;">item1</td></tr>
<tr><td align="left" height="100" style="background-color:red;">item2</td></tr>
</table></DIV>
<DIV align="left" id="menu2" style="position:absolute;z-index:11;left:0px;top:50px;width:100px;height:120px;" >
<table width="100" height="120" border="0" cellpadding="0" cellspacing="0">
<tr><td align="left" height="20" style="background-color:#cccccc;">item3</td></tr>
<tr><td align="left" height="100" style="background-color:#cccccc;">item4</td></tr>
</table></DIV>
<DIV id="bgleft" style="background-color:transparent;position:absolute;width:289px;height:79px;left:20px;top:20px;z-index:12;border-style:none;">[img]'images/titlebg_left.gif'[/img]</DIV>
<!-- Main table -->
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="300" height="39" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="39" align="left" valign="top" bgcolor="black">[img]"images/vert1x39_9_25_5.gif"[/img]</td>
<td width="539" height="39" align="left" valign="top" bgcolor="black">
<DIV id="topdiv" align="left" style="position:relative;left:0px;top:0px;background-color:black;width:538px;height:39px;"> </DIV>
</td>
<td width="1" height="39" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="159" height="39" align="left" valign="top" bgcolor="#111111">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="39" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="39" height="39" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="39" align="left" valign="top" bgcolor="black">[img]"images/vert1x39_9_25_5.gif"[/img]</td>
<td width="300" height="39" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
</tr>
.
.
.
.
<tr>
<td width="300" height="20" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="20" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="539" height="20" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="20" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="159" height="20" align="left" valign="top" bgcolor="#111111">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="20" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="39" height="20" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]</td>
<td width="1" height="20" align="left" valign="top" bgcolor="#818181">[img]"images/spacer.gif"[/img]</td>
<td width="300" height="20" align="left" valign="top" bgcolor="black">[img]"images/spacer.gif"[/img]
</td>
</tr>
</table>
</body>
</html> |