Jeg vil gerne have menu- og indholdstabellen til at være 100% i højde. Men kan ik lige få det til at virke :-/
Her er htm-filen:
<html>
<head>
<title>WebNova.</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<center>
<table id="hovedtabel" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table id="tabel_indhold" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td id="heading">
<img src="top.gif" style="position: absolute; top: 0px;">
</td>
</tr>
<tr>
<td>
<center>
<table id="face" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" valign="top">
<table id="menu">
<tr>
<td id="menu_heading" valign="top">
hej
</td>
</tr>
<tr>
<td id="menu_content" valign="top">
<span class="heading">Community</span>
<br>
<br>
<a href="#">Log ind</a>
<br>
<a href="#">Opret bruger</a>
<br>
<a href="#">Information</a>
<br>
</td>
</tr>
</table>
</td>
<td width="73%" valign="top">
<table width="100%" id="content">
<tr>
<td id="content_heading" valign="top">
hej
</td>
</tr>
<tr>
<td id="content_content" valign="top">
hej
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
CSS filen:
body {
margin: 0px;
background-color: #E0D7CB;
}
.heading {
color: #343434;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}
.tekst {
color: #6E6E6E;
font-family: verdana;
font-size: 11px;
}
#hovedtabel {
width: 70%;
border-left: 1px solid black;
border-right: 1px solid black;
height: 100%;
background-color: #FFFFFF;
margin: 0px;
border-collapse: collapse;
background-color: #FFFFFF;
}
#heading {
border-bottom: 1px solid black;
width: 100%;
height: 50px;
background-image: url('top_bg.gif');
}
#tabel_indhold {
font-family: verdana;
font-size: 11px;
color: black;
margin: 0px;
border-collapse: collapse;
height: 100%;
}
#face {
width: 100%;
font-family: verdana;
font-size: 11px;
color: black;
padding-top: 25px;
height: 100%;
}
#menu {
border-top: 1px solid black;
border-right: 1px solid black;
font-family: verdana;
font-size: 11px;
color: black;
border-collapse: collapse;
width: 90%;
}
#menu_heading {
height: 25px;
border-bottom: 1px solid black;
background-image: url('menu_bg.gif');
padding: 5px;
}
#menu_content {
border-bottom: 1px solid black;
height: 400px;
padding: 10px;
background-color: #FEFCF9;
}
#content {
font-family: verdana;
font-size: 11px;
color: black;
border-left: 1px solid black;
border-top: 1px solid black;
border-collapse: collapse;
}
#content_heading {
height: 25px;
border-bottom: 1px solid black;
background-image: url('menu_bg.gif');
padding: 5px;
}
#content_content {
border-bottom: 1px solid black;
height: 400px;
padding: 5px;
background-color: #FEFCF9;
}
a:link {
font-family: verdana;
font-size: 11px;
color: black;
text-decoration: none;
}
a:active {
font-family: verdana;
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-family: verdana;
font-size: 11px;
color: black;
text-decoration: none;
}
a:hover {
font-family: verdana;
font-size: 11px;
color: #484848;
text-decoration: none;
}