100% højde på absolute positionerede div'er
Jeg har nedenstående kode, som består af 2 div'er hvor positionen er sat til absolute.Div1 har en fast højde som er højere en window højden, dvs. der skal scrolles for at se hele siden.
Div2 skal have samme højde som hele siden og i dette tilfælde samme højde som div1. Hvordan gør man det?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Height 100</title>
<style type="text/css">
html, body {
height:100%;
}
#div1 {
position: absolute;
left: 10px;
top: 10px;
height: 1000px;
width: 10px;
background-color: red;
}
#div2 {
position: absolute;
left: 25px;
top: 10px;
height: 100%;
width: 10px;
background-color: blue;
}
</style>
</head>
<body>
<div id="div1">1</div>
<div id="div2">2</div>
</body>
</html>
