Webrowsers en CSS
Dus als ik een menu div van 20% breedte heb, kan ik dan op de een of andere manier daar rechts van gelijk een div laten starten, zonder dat deze eronder word geplaats?
Dus zoiets heb ik dan:
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
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
<html>
<head>
<STYLE TYPE="text/css">
div#header{
background-color: red;
height: 100px;
}
div#menu{
background-color: maroon;
width: 20%
}
div#body{
background-color: aqua;
}
</STYLE>
</head>
<body>
<div id="header">
<a>header</a>
</div>
<div id="menu">
<a>menu</a>
</div>
<div id="body">
<a>body</a>
</div>
</body>
</html>
<head>
<STYLE TYPE="text/css">
div#header{
background-color: red;
height: 100px;
}
div#menu{
background-color: maroon;
width: 20%
}
div#body{
background-color: aqua;
}
</STYLE>
</head>
<body>
<div id="header">
<a>header</a>
</div>
<div id="menu">
<a>menu</a>
</div>
<div id="body">
<a>body</a>
</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door krijn
De volgende en beste mogelijkheid is om de divs te laten floaten. Dit betekent dat ze gaan 'drijven' tegen elkaar.
Je hebt bijv 2 div's die geef je beide een float: left. Pas wel op dat de breedte van beide natuurlijk wel samen moeten passen in de parent.
En de div erna die er weer onder moet komen, geef je een clear: left; of clear: both; mee. Deze heft het floaten weer op.