2 CSS Vraagjes
met margin, ( margin: 0px 0px 0px 0px; )
Wat is de linkerkant en wat is de rechterkant enz.
en ik ben bezig met me rechtermenu maar hij wilt niet breder worden:
test.html
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
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
<link rel="stylesheet" type="text/css" href="style.css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div id="header">
<h1>Header Titel</h1>
</div>
<div id="menu_l">
Home
<br />
News
<br />
Projects
</div>
<div id="menu_r">
User panel
User info
Personal Messages
</div>
<div id="content">
risque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div id="header">
<h1>Header Titel</h1>
</div>
<div id="menu_l">
Home
<br />
News
<br />
Projects
</div>
<div id="menu_r">
User panel
User info
Personal Messages
</div>
<div id="content">
risque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
</div>
style.css
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
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
body{
background-color: #535353;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:12px;
padding:0px 0px 0px 0px;
margin:10px 10px 10px 10px;
}
#sidebar { float: left; padding: 9px;width: 200px; border-right: 2px solid #fff; }
h1 { font: bold 14px arial; }
h2 { font: bold 12px arial; margin-top: 5px; }
#header {
height: 100px;
min-width: 700px;
}
#menu_l {
float: left;
padding: 4px;
width: 8px;
border-right: 2px solid #fff;
}
#menu_r {
float: right;
padding: 4px;
margin: 0px 0px 0px 0px;
width: 60px;
border-left: 2px solid #fff;
}
#content {
margin: 0px 10px 0px 80px;
padding: 10px;
}
</style>
<!--[if IE]>
<style>
#header h1 { width: 700px; }
</style>
<![endif]-->
background-color: #535353;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:12px;
padding:0px 0px 0px 0px;
margin:10px 10px 10px 10px;
}
#sidebar { float: left; padding: 9px;width: 200px; border-right: 2px solid #fff; }
h1 { font: bold 14px arial; }
h2 { font: bold 12px arial; margin-top: 5px; }
#header {
height: 100px;
min-width: 700px;
}
#menu_l {
float: left;
padding: 4px;
width: 8px;
border-right: 2px solid #fff;
}
#menu_r {
float: right;
padding: 4px;
margin: 0px 0px 0px 0px;
width: 60px;
border-left: 2px solid #fff;
}
#content {
margin: 0px 10px 0px 80px;
padding: 10px;
}
</style>
<!--[if IE]>
<style>
#header h1 { width: 700px; }
</style>
<![endif]-->
2e: boven en beneden, links en rechts
3e: boven, links en rechts, onder
4e: alle kanten
Zo geloof ik. dus deze vier heb je:
0px 0px 0px 0px
0px 0px
0px 0px 0px
0px
Edit:
Zat een klein foutje in... http://www.w3schools.com/css/pr_margin.asp
Edit:
Op je tweede vraag: min-weidth gebruiken misch? Ben geen css exper hoor:p maar in IE 6 doet dit het het geloof ik niet helemaal goed...
Gewijzigd op 01/01/1970 01:00:00 door Mebus Hackintosh
Quote:
edit:
laat maar het werkt, ik gebruikt margin-right nu :)
laat maar het werkt, ik gebruikt margin-right nu :)
Gewijzigd op 01/01/1970 01:00:00 door Raymen