[CSS] Height instellen

Pagina: 1
Acties:

  • Krishly
  • Registratie: Mei 2004
  • Laatst online: 04-05 17:26
Ik heb m.b.v. div tags 3 kolommen gemaakt. Ik wil geen vaste waarde voor height gebruiken want de kolom hoogte moet zich aanpassen aan de gegevens die ik erin zet. Als ik in een bepaalde kolom meer informatie zet dan in de andere kolom dan is deze kolom groter in de hoogte dan de andere twee. Hoe kan ik het voor elkaar krijgen dat de height van de andere kolommen even groot worden als de grootste kolom?

Dit is mijn code:
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style type="text/css">
<!--
#frame {
        width:900px;
        margin-right:auto;
        margin-left:auto;
        margin-top:5px;
        padding:0px;
        text-align:left;
        }
#left {
    clear: both;
    float: left;
    width: 160px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #9DA3B7;
}
#middle {
    float: left;
    width: 510px;
    padding-right: 5px;
    background-color: #E5E5E5;
    padding-left: 5px;
}
#right {
    float: left;
    width: 210px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #B5C1E4;
}
body {
    background-color: #191919;
    margin-top: 0px;
}
-->
</style>
</head>

<body>
<div id="frame">

<div id="left"> </div>
<div id="middle"> </div>
<div id="right"> </div>

</div>
</body>
</html>

[ Voor 11% gewijzigd door crisp op 23-01-2005 21:25 . Reden: code-tag fix0r ]


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Aangezien je width vast staat: http://www.alistapart.com/articles/fauxcolumns/

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.