Oplossing is onderaan te lezen!!!
Ik heb weer een probleempje met een layout.
Ik wil graag een 3 koloms layout hebben.
De 2e kolom moet bestaan uit 2 vakken die beide even breed zijn.
De layout is dan als volgt:
[vak1 25%] [vak2 50%] [vak4 25%]
---- --------- [vak3 50%]
Dan komt nu het probleem, de vakken bevatten een border van 4px, ook moeten er tussen de vakken een ruimte van 4px zitten.
Mijn code is nu als volgt:
Codeblok (index.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
contentvak1
Echter werkt dat niet en staat contentvak 4 onderaan, als ik de breedtes allemaal wat kleiner maak komt contentvak4 er wel naast te staan. Het ligt dus aan de borders en/of de margins, ik krijg het iig niet voor elkaar om het goed te laten werken. Wie kan mij helpen?
Oplossing:
Kijk op: http://www.gigadesign.be/2006/04/3-kolommen-fluid-de-uitdaging/
Ik heb weer een probleempje met een layout.
Ik wil graag een 3 koloms layout hebben.
De 2e kolom moet bestaan uit 2 vakken die beide even breed zijn.
De layout is dan als volgt:
[vak1 25%] [vak2 50%] [vak4 25%]
---- --------- [vak3 50%]
Dan komt nu het probleem, de vakken bevatten een border van 4px, ook moeten er tussen de vakken een ruimte van 4px zitten.
Mijn code is nu als volgt:
Codeblok (index.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
contentvak1
contentvak2
contentvak3
contentvak4
Echter werkt dat niet en staat contentvak 4 onderaan, als ik de breedtes allemaal wat kleiner maak komt contentvak4 er wel naast te staan. Het ligt dus aan de borders en/of de margins, ik krijg het iig niet voor elkaar om het goed te laten werken. Wie kan mij helpen?
Oplossing:
Kijk op: http://www.gigadesign.be/2006/04/3-kolommen-fluid-de-uitdaging/