Ville ønske jeg havde ligeså nemt ved det......kommer vel engang.
Jeg har problemer med at skrive de forskellige højde på rammerne ??
alle i venstre side
dato = 20 %
side= 65 %
vagt = 15 %
<!DOCTYPE html>
<html lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>dhealm</title>
<style type="text/css">
html, body{
height:25%;
}
body{
font-family:'Comic Sans MS', Comic, Monospace;
background-image: url("bg1.gif");
}
#col_left{
width: 33.3%;
float: left;
min-height: 25%;
border-right: 2px solid #767676;
}
body{
height:25%;
}
body{
font-family:'Comic Sans MS', Comic, Monospace;
}
#col_left{
// background-color: red;
width: 33.3%;
float: left;
// min-height: 25%;
border-right: 2px solid #767676;
}
div {
height:auto;
min-height:60px;
}
#col_right{
width: 66%;
float: left;
}
/*
http://stackoverflow.com/questions/5277161/why-is-min-height-not-working */
#top{
background-color:blue;
min-height:50vh;
border-bottom: 2px solid #767676;
}
#bund{
background-color: white;
min-height:50vh;
// border-right: 2px solid #767676;
// border-left: 1px solid #767676;
border-top: 2px solid #767676;
// border-bottom: 2px solid #767676;
}
</style>
</head>
<body>
<div id="col_left">
<?php
require('dato.php');
?>
</div>
<div id="col_left">
<?php
require('side.php');
?>
</div>
<div id="col_left">
<?php
require('vagt.php');
?>
</div>
<div id="col_right">
<div id="top">
top.html
</div>
<div id="col_right">
<?php
require('kvagtlille.php');
?>
</div>
</div>
</body>
</html>