Hvorfor udvider den sig ikke?
Hep. Jeg kan ikke finde ud af at få denne side til at tilpasse sig højden på browseren - kan nogen fortælle mig hvad der er galt i koden:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="height: 100%;">
<head>
<script type="text/javascript">
var current = null;
function visskjul(id) {
var elm = document.getElementById(id);
if (elm.style.display=="block") {
if (current==id) {
elm.style.display = "none";
current = null;
}
} else {
elm.style.display = "block";
if (current != null) {
current.style.display = "none";
}
current = elm;
}
}
</script>
<link rel="shortcut icon" href="pics/football.ico" />
<title>Trophymanager TM</title>
<style type="text/css">
body
{
background-color: gray;
}
table
{
font-family:verdana;
font-size:0.7em;
border-collapse:collapse;
background: #FCF3CD;
left: 0px;
position: relative;
width: 100%;
border: 0px;
}
td
{
text-align: center;
}
a.menu
{
background-color: #1D880E;
color: white;
text-align: center;
display: blocK;
text-decoration: none;
}
a.menu:hover
{
background-color: #1E7811;
color: white;
text-align: center;
display: blocK;
text-decoration: none;
}
td.topstreg
{
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
width: 10%;
}
a.training
{
background-color: #FCF3CD;
color: black;
text-align: center;
display: blocK;
text-decoration: none;
border-bottom: 1px dashed black;
}
td.training
{
border-left: 1px solid black;
border-right: 1px solid black;
width: 10%;
}
h1
{
text-align: center;
font-family: verdana;
font-size: 16px;
font-weight: bold;
}
h2
{
text-align: center;
font-family: verdana;
font-size: 13px;
font-weight: bold;
}
p
{
font-family: verdana;
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
}
div.tekstboks
{
border: 1px solid black;
display: block;
width: 350px;
text-align: left;
font-size: 9px;
background-color: white;
}
div.middle
{
background-color: #FCF3CD;
border: 1px solid black;
border-bottom: 0px;
border-top: 0px;
position: relative;
}
div.bottom
{
border: 1px solid black;
background-color: #1E7811;
height: 60px;
}
div.top
{
border: 1px solid black;
background-color: #1E7811;
height: 65px;
}
input
{
font-size: 9px;
border: 1px solid black;
background-color: white;
}
textarea
{
font-size: 11px;
border: 1px solid black;
background-color: white;
}
</style>
</head>
<body>
<div style="z-index: 4; position: absolute; left: 86%; top: 14px; font-size: 9px;"><p><strong>Antal hold:</strong> 1234 <br /><strong>Antal Ligaer:</strong> 1 <br /><strong>Online Managers:</strong> 34 </p></div><div class="top"><img src="pics/logo.jpg" alt="Trophymanager Logo" width="100%" height="100%" style="z-index: 1;"/></div><div width="100%"><table cellpadding="0" cellspacing="0" ><tr><td class='training'><a href='forside.php' class='training'><strong>Forside</strong></a></td><td class='topstreg'><a href='squad.php' class='menu'><strong>Squad</strong></a></td><td class='topstreg'><a href='training.php' class='menu'><strong>Training</strong></a></td><td class='topstreg'><a href='league.php' class='menu'><strong>League</strong></a></td><td class='topstreg'><a href='economy.php' class='menu'>
<strong>Economy</strong></a></td><td class='topstreg'><a href='stadium.php' class='menu'><strong>Stadium</strong></a></td><td class='topstreg'>
<a href='transfer.php' class='menu'><strong>Transfer</strong></a></td><td class='topstreg'><a href='search.php' class='menu'><strong>Search</strong></a></td><td class='topstreg'><a href='history.php' class='menu'><strong>History</strong></a></td><td class='topstreg'><a href='bug.php' class='menu'><strong>REPORT BUG</strong></a></td></tr></table></div>
<div class="middle"><br />
<h1>Trophymanager:</h1><div align="center">
<div class="tekstboks">
<p>Spillere med større personlighed, kampe med større intensitet og mange flere muligheder for at forbedre stadion og faciliteter.</p>
<p>Goddag og velkommen til Trophymanager, det bedste managerspil på internettet. Trophymanager er et managerspil hvor detaljen og oplevelsen er sat i centrum.</p>
<p>Vi har med Trophymanager forsøgt at kombinere en autentisk og detaljeret kampafvikling med en og et lækkert grafisk interface.</p>
</div></div>
<h2>Tilmeld dig:</h2><div align="center">
<div class="tekstboks">
<p>Tilmeld dig i dag og få et hold allerede i morgen. Det er GRATIS at være med, no hidden attachments osv..</p>
<div align="center"><p><a href="register.php">Klik her for at tilmelde dig.</a></p></div>
</div></div>
<br />
<div style="padding: 5px; padding-bottom: 0px;" class="bottom" align="center">
<div align="right">
<form action="?page=$page" method="post">
Username: <input type="text" name="user" maxlength="30"><br />
Password: <input type="password" name="pass" maxlength="30"><br />
<input type="checkbox" name="remember"> Remember me next time <input type="submit" name="sublogin" value="Login">
</form>
</div>
</div>
</body>
</html>
