Kurdo -> bingo :) så kom content/center på plads.
Nu mangler jeg bare bunden/footer:
http://users.cybercity.dk/~dsl357879//css2.JPGPoster lige kildekoderne:
<html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/content.css">
<title>Untitled Document</title>
</head>
<body>
<div id="page">
<div id="top">
Her er toppen
</div>
<div id="menu">
<form action="bønnenher.noget" id="login"><br />
Email: <br />
<input type="text" name="email" /><br />
Password: <br />
<input type="password" name="password" /><br />
<input type="submit" value="Submit" name="Submit" /><br />
</form>
<a href="newuser.html">Ny bruger</a> </div>
<div id="content">
<div id="boxed">
<h1 class="title1">Her er center</h1>
</div>
</div>
<div id="footer">
Her er bunden
</div>
</div>
</body>
</html>
Og CSS:
body {
margin: 0;
padding: 0;
background: #E5E5E5;
font-family: Georgia;
font-size: 13px;
color: #000000;
}
.boxed {
padding: 5px 30px 20px 30px;
}
.col-one {
float: left;
width: 300px;
}
.col-two {
float: right;
width: 300px;
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
background: #FFFFFF;
}
/* Top */
#top {
height: 100px;
background: #FFFFFF;
font-family: Georgia;
text-align: center;
font-size: 25px;
color: #000000;
border: solid;
}
/* Menu */
#menu {
float: left;
padding: 20px;
background: #7AAFFF;
width: 200px;
border: dotted;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
padding: 10px 0;
}
#menu li.first {
background: none;
}
#menu a {
text-decoration: none;
font-size: 129%;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline;
}
/* Content */
#content {
float: left;
width: 700px;
border: solid;
}
/* Footer */
#footer {
width: 980px;
height: 120px;
margin: 0 auto;
border: dotted;
}
