Divs in divs
maar hier is mijn probleem:
Ik genereer met php een css style
en vervolgens genereer ik meerdere divs in een container div.
de divs hebben geen width of height, deze vormt naar de inhoud van de divs.
de container heeft wel een width en height.
Momenteel gebruik ik position absolute. Maar dan staan de divs half oven de container div omdat de positie natuurlijk vanuit de body gericht is.
Maar ik wil eigenlijk relative gebruiken omdat ik de divs in de container div wil houden
Ongeacht de positie van de container div.
Zodra ik relative gebruik, is staat alles helemaal verkeerd
Hier een schets van de situatie dat ik wil en eronder wat er gebeurt met relative
Code (php)
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
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
+----Container----------+
| |
| +-div-+ +-div-+ |
| | 1 | | 5 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 2 | | 6 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 3 | | 7 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 4 | | 8 | |
| | | | | |
| | | | | |
| | | | | |
| +-----+ +-----+ |
+-----------------------+
+----Container----------+
| |
| +-div-+ |
| | 1 | |
| | | |
| +-----+ |
| |
| +-div-+ |
| | 2 | |
| | | |
| +-----+ |
| |
| +-div-+ | +-div-+
| | 3 | | | 5 |
| | | | | |
| +-----+ | +-----+
| |
| +-div-+ | +-div-+
| | 4 | | | 6 |
| | | | | |
| | | | +-----+
| | | |
| +-----+ | +-div-+
+-----------------------+ | 7 |
| |
+-----+
En div 8 valt buiten de pagina...
| |
| +-div-+ +-div-+ |
| | 1 | | 5 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 2 | | 6 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 3 | | 7 | |
| | | | | |
| +-----+ +-----+ |
| |
| +-div-+ +-div-+ |
| | 4 | | 8 | |
| | | | | |
| | | | | |
| | | | | |
| +-----+ +-----+ |
+-----------------------+
+----Container----------+
| |
| +-div-+ |
| | 1 | |
| | | |
| +-----+ |
| |
| +-div-+ |
| | 2 | |
| | | |
| +-----+ |
| |
| +-div-+ | +-div-+
| | 3 | | | 5 |
| | | | | |
| +-----+ | +-----+
| |
| +-div-+ | +-div-+
| | 4 | | | 6 |
| | | | | |
| | | | +-----+
| | | |
| +-----+ | +-div-+
+-----------------------+ | 7 |
| |
+-----+
En div 8 valt buiten de pagina...
Kan het wezen dat de divs een relatieve positie nemen van de vorige div?
Hoe kan ik dit voorkomen? Of heeft iemand andere suggesties?
Gewijzigd op 07/01/2013 12:10:36 door Dennis WhoCares
Kan natuurlijk ook aan mij liggen ;)
edit:
Nu zie ik hem al beter.
Gewijzigd op 07/01/2013 12:11:19 door Sem E
Ja Sem, ik weet het ik moest ff een codeblok eromheen zetten :)
Sem E op 07/01/2013 12:08:29:
edit:
Nu zie ik hem al beter.
Nu zie ik hem al beter.
;-)
Normaal gesproken geef je een
position: relative
en top en left mee. Maar op een of andere manier werkt het niet :(
Gewijzigd op 07/01/2013 12:30:24 door Dennis WhoCares
de container moet position: relative; hebben, de cellen position: absolute;
Dan wordt links-boven van de container het nulpunt voor alles met position: absolute (alles wat in de container genest is).
Gewijzigd op 07/01/2013 14:36:04 door Kris Peeters
Ghaaa toppie! Werkt perfect nou :D Raar joh, ik had het dus verkeerdes om
dus inhoud in een relative div container wordt de gepositioneerd van de top left van de container genomen ?
moooooiii
danku