JSFiddle - React, Tailwind, and code Playground
HTML
<div id="master">
<div id="head_billede">
<img src="images/logo.png">
</div>
<div id="mainmenu">
<table class="menu">
<tr>
<td width="150" class="passiv"><a href="index.php">FORSIDE</a></td>
<td width="150" class="aktiv"><a href="/Labels-online">PRODUKTER</a></td>
<td width="150" class="passiv"><a href="/Labels-online">INFORMATION</a></td>
<td width="150" class="passiv"><a href="/Labels-online">KUNDECENTER</a></td>
<td width="300" class="passiv"></td>
</tr>
</table>
</div>
<div id="indhold">
<div id="content">
<img src="images/forside_img.png">
</div>
</div>
<div id="boxcontainer">
Some text
</div>
<div id="footer">
Some text
</div>
</div>
CSS
html, body {
height: 100%;
margin: 0px;
padding: 0px;
background-color: F0F0F0 ;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
}
#mainmenu {
height: auto;
position: relative;
padding-bottom: 10px;
}
#master{
width: 300px;
height: 100%;
background-color:FFFFFF;
margin-right: auto;
margin-left: auto;
overflow: auto;
z-index: 1;
box-shadow: 6px 0 4px -4px #CCC , -6px 0 4px -4px #CCC;
padding-right:15px;
padding-left:15px;
position: static;
}
#indhold {
position: relative;
width: 100%;
padding: 0px;
margins: 0;
height: 100%;
}
#content {
position: relative;
height: auto;
border: 1;
width: 650px;
margin: 0px;
padding: 0px 5px 0px 5px;
text-align: left;
display: block;
float: left;
clear: both;
}
#head_billede {
position: relative;
height: auto;
padding-bottom:15px;
}
#footer{
position: relative;
height: auto;
width: 950;
height: 50px;
margin: 0px;
padding-top: 10px;
clear: both;
}
#boxcontainer {
width: 950;
position: static;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
clear: left;
}
#box{
margin-left: 10;
margin-right: 10;
min-height:150px;
text-align: center;
float: left;
width: 275px;
padding: 8px 8px;
background-color: e9e9e9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: Verdana;
font-size: 11px;
color: 000;
border:1px solid #CCCCCC;
}