Dette fungerer ikke i firefox? I IE virker det fint... men i firefox er krop diven ikke hoej nok. Er der ikke en måde hvorpå den kan tilpasse sig selv? Kig her:
http://ny.n-play.dk/ (altså prøv at tjekke i begge browsere hvis du har det) ;-)
design.css:
#beholder{
border: 1px solid #999;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 725px;
}
#fod{
color: #666;
background: yellow;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
#hoved{
height: 150px;
width: 725px;
}
#indhold{
background-color: #F6F6F6;
float: left;
height: 100%;
width: 525px;
}
#krop{
height: 100%;
position: relative;
width: 725px;
}
#menu{
background-color: #EEE;
float: left;
height: 100%;
width: 200px;
}
#menu h1{
background-color: #DDD;
font: bold 10px verdana;
margin: 0;
padding: 5px;
}
#menu a{
display: block;
font-weight: bold;
padding: 5px;
}
#menu a:hover{
background: #DDD;
}
a{
color: #C00;
text-decoration: none;
}
a:hover{
color: #900;
}
body{
background-color: #CCC;
height: 100%;
margin: 10px;
text-align: center;
}
div{
font: 10px verdana;
}index.php:
<?php echo "<?xml version=\\"1.0\\" encoding=\\"iso-8859-1\\"?>\\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <?php echo $frameset ? "Frameset" : "Strict"; ?>//EN" "DTD/xhtml1-<?php echo $frameset ? "frameset" : "strict"; ?>.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<link rel="stylesheet" type="text/css" href="/design.css" />
<title>NintenDome</title>
</head>
<body>
<div id="beholder">
<div id="hoved"><img src="/grafik/logo.jpg" /><img src="/grafik/banner.jpg" /></div>
<div id="krop">
<div id="menu">
<h1>Menu</h1>
<a href="#">Nyheder</a>
<a href="#">Konkurrencer</a>
<a href="#">Spilarkiv</a>
<a href="#">Artikler</a>
<a href="#">Forum</a>
<a href="#">Chat</a>
<h1>NintenDome</h1>
<a href="#">Log ind</a>
<a href="#">Opret bruger</a>
<a href="#">Glemt kodeord</a>
</div>
<div id="indhold">
<h1>indhold</h1>
</div>
</div>
</div>
</body>
</html>
Indlæg senest redigeret d. 09.02.2010 14:59 af Bruger #6300