Hallo
Ich muss eine Website entwickeln wie in der Anhang aber leider kann ich nicht genau so wie anhang erstellen(wie Suche Navigation).
kann jemand mir bitte weiterhelfen?
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>My Website</title>
<style type="text/css">
body
{
font-family:Verdana;
font-size: 12px;
}
.header
{
background-color:red;
position:absolute;
text-align:center;
right:20px;
left:240px;
top:20px;
height:20px;
}
.footer
{
background-color: pink;
}
.navigations
{
background-color:blue;
height:300px;
width:200px;
left:20px;
margin-top:50px;
}
.content
{
position:absolute;
text-align:center;
overflow:auto;
min-height:300px;
max-height:500px;
padding:10px;
top:50px;
right:20px;
left:240px;
background-color:grey;
}
.footer
{
position:absolute;
background-color:red;
text-align:center;
right:20px;
left:240px;
height:20px;
margin-top:20px;
}
</style>
</head>
<body>
<header class="header">
<p>header</p>
</header>
<nav class="navigations">
<p>Navigation</p>
</nav>
<div class="content">
<p>Main</p>
</div>
<footer class ="footer">
<p>footer</p>
</footer>
</body>
</html>
Ich muss eine Website entwickeln wie in der Anhang aber leider kann ich nicht genau so wie anhang erstellen(wie Suche Navigation).
kann jemand mir bitte weiterhelfen?
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>My Website</title>
<style type="text/css">
body
{
font-family:Verdana;
font-size: 12px;
}
.header
{
background-color:red;
position:absolute;
text-align:center;
right:20px;
left:240px;
top:20px;
height:20px;
}
.footer
{
background-color: pink;
}
.navigations
{
background-color:blue;
height:300px;
width:200px;
left:20px;
margin-top:50px;
}
.content
{
position:absolute;
text-align:center;
overflow:auto;
min-height:300px;
max-height:500px;
padding:10px;
top:50px;
right:20px;
left:240px;
background-color:grey;
}
.footer
{
position:absolute;
background-color:red;
text-align:center;
right:20px;
left:240px;
height:20px;
margin-top:20px;
}
</style>
</head>
<body>
<header class="header">
<p>header</p>
</header>
<nav class="navigations">
<p>Navigation</p>
</nav>
<div class="content">
<p>Main</p>
</div>
<footer class ="footer">
<p>footer</p>
</footer>
</body>
</html>
