Ik heb gezocht hier en op google en er zijn diverse topics die in de buurt komen van wat ik zoek, maar niks eigenlijk waardoor ik echt de oplossing vind.
Het gaat om het volgende stukje code:
Het is al behoorlijk vereenvoudigt in vergelijking met wat ik hier heb...
Het probleem is dat 'line8' t/m 'line11' niet getoond mag worden, of met andere woorden: de div mag niet uit de tabel lopen.
Aangezien bovenstaande code gebruikt wordt voor vele andere dingen (scrollen van images, hiden en tonen van gegevens van de afbeelden in de onderste div waar nu line1-line11 staat), wil ik proberen zo min mogelijk te wijzigen.
De eerste 3 divs (2 divs binnen een div) dienen te blijven bestaan. De onderste div bij voorkeur ook.
Nu dacht ik simpel een oplossing te vinden door een aantal z-indexes toe te voegen, maar helaas geen resultaat.
Ook de onderste div een height meegeven werkt niet... blijkbaar wordt dat genegeerd?!?
Daarnaast dient (mits mogelijk) de code op verschillende browsers te kunnen werken.
Hopenlijk iemand hier met een goede ingeving.
Het gaat om het volgende stukje code:
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
| <html>
<body>
<table border="1" width="300" cellspacing="0" cellpadding="5" height="300" style="position:absolute; z-index:100">
<tr>
<td valign="top">
Test<br>
1234
<div style="width:400px; height:140px; position:absolute; top:50px; left:11px">
<div style='background-color: #bbffbb; position:absolute; top:0px; left:0; width:140px; height:140px;'>
<table width="100%" height="140">
<tr height="100%">
<td align="center" valign="middle" width="100%">
[img]"unknown.jpg"[/img]
</td>
</tr>
</table>
</div>
<div style='background-color: #bbffbb; position:absolute; top:0px; left:141; width:140px; height:140px;'>
<table width="100%" height="140">
<tr height="100%">
<td align="center" valign="middle" width="100%">
[img]"unknown.jpg"[/img]
</td>
</tr>
</table>
</div>
</div>
<div style='position:absolute; top:190px; left:10; width:400px; height:140px;'>
<table border="0" cellpadding="6" cellspacing="0">
<tr>
<td style="font-size: 11px;">
line1<br>
line2<br>
line3<br>
line4<br>
line5<br>
line6<br>
line7<br>
line8<br>
line9<br>
line10<br>
line11<br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html> |
Het is al behoorlijk vereenvoudigt in vergelijking met wat ik hier heb...
Het probleem is dat 'line8' t/m 'line11' niet getoond mag worden, of met andere woorden: de div mag niet uit de tabel lopen.
Aangezien bovenstaande code gebruikt wordt voor vele andere dingen (scrollen van images, hiden en tonen van gegevens van de afbeelden in de onderste div waar nu line1-line11 staat), wil ik proberen zo min mogelijk te wijzigen.
De eerste 3 divs (2 divs binnen een div) dienen te blijven bestaan. De onderste div bij voorkeur ook.
Nu dacht ik simpel een oplossing te vinden door een aantal z-indexes toe te voegen, maar helaas geen resultaat.
Ook de onderste div een height meegeven werkt niet... blijkbaar wordt dat genegeerd?!?
Daarnaast dient (mits mogelijk) de code op verschillende browsers te kunnen werken.
Hopenlijk iemand hier met een goede ingeving.
[ Voor 18% gewijzigd door reddevil op 14-06-2005 11:02 ]
