Simpel probleem css hoogte?
Ik wil een container div die gecentreerd is op de webpagina van 900px breed en over de hoogte van de hele webpagina. Ook al heeft de div geen inhoud. Ik kwam tot het volgende:
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div#container {
width: 900px;
margin: auto auto 0;
border: 1px solid #000;
}
</style>
</head><body>
<div id="container"></div>
</body>
Maar hoe kan ik nou de hoogte bepalen? Als ik een bepaalde hoogte neem in px dan verschilt dat per resolutie en per browser wat de hele hoogte van de pagina neemt en height:100% pakt ie ook niet dus hoe kan ik het wel doen?
Met vriendelijke groet,
Stijn
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
}
#container {
width: 900px;
height: 100%;
margin: 0px auto;
background-color: #cf9;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
<head>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
}
#container {
width: 900px;
height: 100%;
margin: 0px auto;
background-color: #cf9;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
Voorbeeld: div 100% hoog en gecentreerd
Heb ik ooit al eens gezegd dat ik een hekel heb aan IE?
Ik heb geen hekel aan IE