andy
/
101
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

master
Andy 2020-09-12 13:29:33 +02:00
parent 86d89b4635
commit fb7dcf3221
2 changed files with 60 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/style.css 100644
View File

@ -0,0 +1,29 @@
body{
font-family: helvetica, Arial, sans-serif;
font-size: 1.2rem;
}
.wrapper{
max-width: 960px;
margin:0 auto;
}
header, footer{
height: 160px;
background: silver;
clear: both;
}
nav{
height: 30px;
background: tomato;
}
#hauptbereich, #seitenbereich{
min-height: 500px;
background: #acacac;
}
#hauptbereich{
width: 60%;
float: left;
}
#seitenbereich{
width: 30%;
float: right;
}

31
index.html 100644
View File

@ -0,0 +1,31 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Strukturieren / Gruppieren</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper">
<header>
<p>kopfbereich</p>
</header>
<nav>
<p>navigation</p>
</nav>
<div id="hauptbereich">
<p>da ist der Hauptbereich</p>
</div>
<div id="seitenbereich">
<p>das ist der seitenbereich</p>
</div>
<footer>
<p>Hier steht der footer</p>
</footer>
</div> <!--Schliessender Wrapper-->
</body>
</html>