Hvorfor må der ikke være en MainFooter?
Det kunne se således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Familierådgivningen v. Kai Davidsen</title>
<link rel="stylesheet" href="css/fam.css">
</head>
<style type="text/css">
body {
background-color: #D1D1D1;
margin-top: 0;
margin-bottom: 10px;
}
table {
border-collapse:collapse;
}
table td {
margin:0;
padding:0;
}
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: black;
text-decoration: underline;
}
a:active {
color: black;
text-decoration: none;
}
#maintable {
width: 753px;
border-left: 7px solid #A5A5A5;
border-right: 7px solid #A5A5A5;
}
#top {
width: 739px;
}
#menutop {
width: 138px;
height: 25px;
}
#navigation {
width: 596px;
border-right: 3px solid #007508;
border-left: 1px solid #007508;
}
#menutd {
width: 133px;
height: auto;
border-right: 1px solid #007508;
border-left: 1px solid #007508;
vertical-align: top;
background-color: #E4F4E5;
}
#menutable {
width: 133px;
height: auto;
}
#skil {
width: 5px;
height: auto;
}
#main {
border-right: 3px solid #007508;
border-left: 1px solid #007508;
background-color: #FFFFFF;
vertical-align: top;
}
#menutrekant {
width: 138px;
height: 80px;
vertical-align: bottom;
padding: 0;
margin: 0;
}
.menuskil {
margin: 0 0 0 0;
width: 125px;
border-bottom: 1px dotted;
border-color: #007508;
background-color: #E4F4E5;
}
.menufont {
margin-left: 25px;
font: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12pt;
}
#mainfooter {
width: 596px;
border-right: 3px solid #007508;
background-color: #FFFFFF;
border-left: 1px solid #007508;
text-align: center;
}
</style>
<body>
<table id="maintable">
<tr>
<td colspan="3" id="top"><img src="img/top.gif"></td>
</tr>
<tr>
<td colspan="2" id="menutop"><img src="img/menu_top.gif"></td>
<td id="navigation"> </td>
</tr>
<tr>
<td id="menutd">
<table cellpadding="0" cellspacing="0" id="menutable">
<tr>
<td class="menuskil">
<font class="menufont"><a href="index.html">Forside</a></font>
</td>
</tr>
<tr>
<td class="menuskil">
<font class="menufont"><a href="familien.html">Familien</a></font>
</td>
</tr>
<tr>
<td class="menuskil">
<font class="menufont"><a href="familiesyn.html">Familiesyn</a></font>
</td>
</tr>
<tr>
<td class="menuskil">
<font class="menufont"><a href="praesentation.html">Præsentation</a></font>
</td>
</tr>
<tr>
<td class="menuskil">
<font class="menufont"><a href="muligheder.html">Muligheder</a></font>
</td>
</tr>
<tr>
<td class="menuskil">
<font class="menufont"><a href="kontakt.html">Kontakt</a></font>
</td>
</tr>
</table>
</td>
<td id="skil"></td>
<td id="main">main<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>s</td>
</tr>
<tr>
<td id="menutrekant" colspan="2"><img src="img/menu_trekant_gr.gif" class="img" alt=""></td>
<td id="mainfooter">MainFooter</td>
</tr>
</table>
</body>
</html>
Ovenstående ser fint ud hos mig :-)
Jeg har tilrettet din CSS, og rettet lidt fejl. Bl.a. rækkefølgen af din 'link-CSS' var forkert. Rækkefølgen er: a:link, a:visited, a:hover, a:active.
