ik wil mijn site eens met divs opbouwen ipv met frames 
Ik heb 3 kolommen; in de middelste kolom staat nog een div met overflow: auto. zolang de pagina inlaadt, blijft dit divje knipperen/verspringen. wanneer ik de float:left van de middenkolom weghaal, of de overflow van het tekstdivje verdwijnt dit verspringeffect. (maar dan heb ik geen 3 kolommen of scrollbar meer). het probleem doet zich alleen voor in firefox, in IE gaat alles goed.
een voorbeeld van de pagina vind je hier (ik heb nu.nl er in geinclude om laadtijd te genereren)
wie weet waar dit aan ligt?
Ik heb 3 kolommen; in de middelste kolom staat nog een div met overflow: auto. zolang de pagina inlaadt, blijft dit divje knipperen/verspringen. wanneer ik de float:left van de middenkolom weghaal, of de overflow van het tekstdivje verdwijnt dit verspringeffect. (maar dan heb ik geen 3 kolommen of scrollbar meer). het probleem doet zich alleen voor in firefox, in IE gaat alles goed.een voorbeeld van de pagina vind je hier (ik heb nu.nl er in geinclude om laadtijd te genereren)
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
| <html> <head> <title>test</title> <style type="text/css"> #columnleft { display: inline; float: left; width: 143px; } #columncenter { display: inline; float: left; width: 410px; } #columnright { display: inline; float: left; width: 143px; } .tekst { -moz-box-sizing: border-box; overflow: auto; background-color: #f00; } </style> </head> <body> <div id="columnleft"> a </div> <div id="columncenter"> <div class="tekst"> en hier een tekstje </div> <? //om laadtijd te genereren zodat probleem te zien is include ("http://www.nu.nl"); ?> </div> <div id="columnright"> b </div> </body> </html> |
wie weet waar dit aan ligt?
[ Voor 11% gewijzigd door Verwijderd op 11-05-2004 16:30 ]