hej, jeg har et lille problem, har lavet et lille design . egentlig bare for at have noget visuelt til mit php..
men bunden gider ikke være i bunden, den skal ikke være et fast sted, da content kan variere...
<html>
<head>
<title>Galleri</title>
<link rel="stylesheet" type="text/css" media="screen" href="../styles/style.css">
</head>
<body>
<div id="top">
<h1>Nisch galleri</h1><br />
<p>Future made with paint</p>
</div>
<div id="indhold">
<h1>Lorem ipsum dolor</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc varius, sem nec volutpat dignissim, tortor lorem egestas ipsum, ullamcorper hendrerit ligula lorem eu nisl. Vestibulum turpis. Fusce nec orci vitae erat congue congue. In magna arcu, feugiat in, eleifend a, condimentum in, dolor. Ut neque pede, molestie non, rhoncus id, mattis in, nisl. Suspendisse iaculis accumsan est. Donec id turpis non orci suscipit pretium. Quisque pharetra sapien. Vestibulum et nulla ut nisi convallis placerat. Donec ac diam nec purus laoreet aliquet.</p>
<h1>Pellentesque porta odio vel nunc</h1>
<p>Pellentesque porta odio vel nunc. Duis sed diam sed urna pretium ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas laoreet pretium mauris. Duis posuere, nisl id bibendum pharetra, dolor nisl hendrerit pede, id nonummy sapien orci ac purus. Curabitur pharetra posuere odio. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin pulvinar. Curabitur accumsan, quam a cursus congue, ipsum est lacinia magna, non tempus nunc erat vitae neque. Proin tristique dapibus odio. Morbi mollis metus a elit.</p>
<h1>Nunc consectetuer aliquet diam</h1>
<p>Nunc consectetuer aliquet diam. Fusce elit neque, pretium ac, pretium ac, mattis ac, mauris. In hac habitasse platea dictumst. Aliquam fermentum suscipit neque. Etiam at est vel risus dignissim fringilla. Suspendisse magna eros, vulputate vitae, euismod eget, imperdiet a, lectus. Sed tristique, arcu vel tristique porta, libero elit viverra ante, quis mattis dui augue tempor nulla. Donec quam. Vivamus leo justo, luctus at, vulputate eu, lacinia vitae, neque. Aliquam pede erat, dignissim vel, ornare ut, gravida ut, tortor. Quisque felis odio, viverra ac, fringilla at, porttitor eu, mauris. Curabitur nec est. Mauris ut arcu. Proin pellentesque. Nulla facilisi. Aliquam facilisis libero sit amet pede. Cras tempus nisl gravida quam. Suspendisse venenatis. Duis vel dui. Morbi ullamcorper faucibus tellus.</p>
</div>
<div id="menu">
<p>
<a href="index.php">Forside</a><br />
<a href="images.php">Billeder</a><br />
<a href="aboutus.php">Om os</a><br />
</p>
</div>
<div id="bund">
>> copyright Niclas Schumacher anno 08
</div>
</body>
</html>
#top {
left: 50%;
position: absolute;
display: block;
margin-left: -400;
top: 20px;
height: 100px;
width: 800px;
background-color: #33FFFF;
}
#top h1 {
padding: 0px;
margin: 0px;
text-align: center;
}
#indhold {
left: 50%;
position: absolute;
display:block;
margin-left: -280px;
width: 678px;
top: 125px;
border: 1px solid #000000;
padding-left: 5px;
}
#menu {
left: 50%;
position: absolute;
display:block;
margin-left: -400px;
top: 124px;
width: 100px;
background-color:#00CCCC;
padding-left: 5px;
}
#bund {
left: 50%;
margin-left: -400px;
position: relative;
margin-top: 20px;
background-color: #66CC66;
clear: both;
width: 900px;
}