3 koloms layout [opgelost]

Gestart doorArjan0 reacties37 weergaven

1 berichten · pagina 1 van 1

Arjan

Lid · Topicstarter

Berichten
747
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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
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/
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren