Toon posts:

[HTML/CSS] Scrollbaar div probleempje

Pagina: 1
Acties:

Verwijderd

Topicstarter
Goed, ik zit nu al een dag met het volgende te stoeien.
Het probleem is dat ik een tabel heb van een hoogte van 100%, binnen 1 van de rijen heb ik een rij met een vaste maat, en een andere rij met daarin een scrollbare div die de rest van de hoogte in gebruik moet nemen.
In internet explorer lijkt het goed te gaan, in firefox niet.
Mijn site is: http://st0rm.be/twente4all/chat/

Het probleem in kort stuk html:
HTML:
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
<html>
<body>
    <table width="100%" height="100%">
        <tr>
            <td>
                <div style="overflow:auto;height:100%;background-color:gray;">
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                    <p>Tekst om de hoogte te krijgen</p>
                </div>
            </td>
        </tr>
        <tr>
        <td height="20">Nog een rij</td>
    </tr>
</table>
</body>
</html>

Online voorbeeld van bovenstaande code: http://st0rm.be/twente4all/chat/test.html

[ Voor 19% gewijzigd door Verwijderd op 16-02-2006 11:21 ]


  • CaptBiele
  • Registratie: Juni 2002
  • Laatst online: 27-08-2021

CaptBiele

No Worries!

ik denk dat je echt even wat css tutorials moet doorlopen.

Je gebruikt tables voor layout, wat niet echt de bedoeling is. De fout zit niet bij FF, maar IE slikt gewoon alles....

en verder sluit je de div-tag niet goed af.

Verwijderd

Topicstarter
CaptBiele schreef op donderdag 16 februari 2006 @ 11:08:
ik denk dat je echt even wat css tutorials moet doorlopen.

Je gebruikt tables voor layout, wat niet echt de bedoeling is. De fout zit niet bij FF, maar IE slikt gewoon alles....

en verder sluit je de div-tag niet goed af.
goed, aan dat ik div niet goed afsloot lag het niet aan, ik heb dit nu gewijzigd. In de eerste link was dit het geval ook niet.
En ik heb al redelijk wat tutorials doorgelopen.