Jeg kom frem til følgende.
Eneste punkt jeg misser lidt på, er den orange kant for oven. Af en eller anden grund bliver den gjort bredere i MSIE!?!
Det har jeg så kompenseret for ved at starte teksten lidt længere nede, men det gør så at teksten i Mozilla og Opera har lidt luft op til den øverste kant.
Problemet med height som så kun er 100%, og derfor stopper hvis man fylder meget indhold i dokumentet har jeg omgået ved at give indhold-div en venstre kant, som naturligvis vokser sammen med indholdet. Også ud over de 100% af vinduets højde.
Jeg håber det er spiseligt?
/sbm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Test</title>
<style>
html {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
height: 100%;
background: red;
margin: 0px;
padding: 0px;
}
#topmargen {
position: absolute;
top: 0px;
left: 0px;
height: 10px;
width: 100%;
background-color: #EF9D21
}
#leftmargen {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 10px;
background-color: #EF9D21
}
#indhold {
position: absolute;
top: 20px;
left: 0px;
background-color: red;
border-left-style: solid;
border-left-color: #EF9D21;
border-left-width: 10px;
}
</style>
</head>
<body>
<div id="topmargen"></div>
<div id="leftmargen"></div>
<div id="indhold">
jjjj</div>
</body>
</html>
