Hallo zusammen,
Ich habe folgenden CSS code:
CSS
/* css released under Creative Commons License - [url]http://creativecommons.org/licenses/by/2.0/deed.en[/url] */
/* html5 + CSS 3 Template created by miss monorom [url]http://intensivstation.ch[/url] 2013 */
/* reset */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* render html5 elements as block
rendert html5 elemente als block */
header, footer, section, aside, nav, article { display: block;}
body {
background-color: #000000;
font-size: 0.95em;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}
pre, code {
font-size: 1.3em;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
h1, h2 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
max-width: 1200px;
min-width:960px;
margin:10px auto;
background-color: #eee;
}
/* ----------header for logo-------------- */
header {
padding:20px;
background:#ccc ;
}
header p{
text-transform:uppercase;
font-size:11px;
}
header img{ padding: 0 0 10px;}
/* ----------------- content--------------------- */
section#content {
background-color: #ffffff;
margin: 0 260px;
min-height:600px;
padding:20px;
}
p, pre{
padding: 0 0 20px;
line-height:1.5em;
}
/* -------------- navigavtion------------- */
nav {
float: left;
width: 250px;
padding:20px;
}
/* -------------- side infos ------------- */
aside{
float: right;
width: 250px;
padding:5px;
}
/* -----------footer--------------------------- */
footer {
padding:20px;
clear: both;
border-top:5px solid #ccc;
}
Alles anzeigen
Jetzt bräuchte ich für eine Seite nicht "Navi->link", "content->mittig", "aside->rechts" sondenr
Zuerst die navi, anschließend aside und dann den content Block. (Das bedeutet ich brauche eine Navi Liste, anschliessend Platz für eine kleine Tabelle und am Schluss das "grosse" Fenster für die Detailinfos)
Da ich bei CSS ein völliger Anfänger bin bräuchte ich eure Hilfe.
Ich wies anhand von Lösungen kann man nichts lernen, aber ich möchte mich erst zu einem Späteren Zeitpunkt mit CSS befassen :s
P.S.
Die Formatierung war nicht wirklich möglich daher habe ich es ohne <css> angehängt.