Toon posts:

[html/css] no-repeat en table

Pagina: 1
Acties:

maandag 24 december 2001 12:29

Acties:
  • chris
  • Registratie: September 2001
  • Laatst online: 11-03-2022

chris

Topicstarter
Ik heb een mooie table met m'n design erin, het ziet er ongeveer zo uit:
code:
1
2
3
4
5
6
7
8
9
10

    |
 LOGO |  TITEL
------|---------------------
 Menu |  TEKST HIER
    |
    |
    |
    |
    |
    |

Nou wil ik graag ervoor zorgen dat het gedeelte met 'tekst hier' scrollable (mooie term) is. Dit is niet zo moeilijk met frames. Ik wil het alleen graag met een divje doen...
Dit is ook allemaal wel makkelijk, maar hoe zorg ik ervoor dat de div de hele cel opvult, met height=100% lukt het niet dan vult ie de hele pagina op en dat willen we natuurlijk niet..... Weet iemand hoe dit moet? Ik wil dus kortsamengevat met een divje een hele cell (td) vullen en vervolgensen de content ervan laten scrollen en de rest van de pagina niet....

edit:
Ik zie dat ik per ongeluk een verkeerde topictitel heb ingetypt, zou een van de modjes dit kunnen veranderen in : [html/css]scrollen in een div in een table
:p

maandag 24 december 2001 12:59

Acties:

Verwijderd

Op maandag 24 december 2001 12:29 schreef dev-null het volgende:
Ik wil dus kortsamengevat met een divje een hele cell (td) vullen en vervolgensen de content ervan laten scrollen en de rest van de pagina niet....
probeer 't es met een iframe/ilayer.

maandag 24 december 2001 13:08

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

kan idd met iframe ilayer.. je kan ook dit proberen:
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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style type="text/css">

table {display: block; overflow: scroll;}

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<table border="1" width="200" height="200" cellspacing="2" cellpadding="2">
<tr>
<td>
<DIV STYLE="width: 200px; height: 200px; left: 0px; overflow: auto; position: relative;">
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaatblaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaatblaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaatblaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaatblaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat blaat 
blaat
</div></td>
</tr>
</table>
</body>
</html>

de truuk zit hem in het definieren van de tabel als block-element, daardoor kun je de overflow laten scrollen.

www.jurgroessen.nl

Reageer