So! Ich habe die letzten Tage viel probiert, noch etwas recherchiert und bin echt stolz, dass ich jetzt - im Vergleich zum Anfang - etwas Schöneres präsentieren darf:
Das Ergebnis meiner Bemühungen! ;)
Gibt es da noch was dran zu verbessern? Das einzige, was mir jetzt noch einfallen würde, ist der .header (das Logo, das durch Klick immer wieder auf die Indexseite weiterleitet). Ich wusste nicht, wie ich das lösen kann. Hab versucht, wirklich einen #header draus zu machen mit< div id="header">
und
#header {
position: relative;
top: 10px;
right: 4%;
background-color: none;
text-align: right;
}
oder auch
#header {
position: absolute;
top: 10px;
right: 3%;
width: 29%;
}
oder auch
#header {
position: absolute;
top: 0px;
right: 0px;
width: 40%;
}
aber bei keiner Variante sitzt es so wie jetzt mit der img-class
.header {
position: absolute;
top: 10px;
right: 3%;
width: 37%;
}
was aber mit Sicherheit falsch ist, da man ja nicht einfach ein Image in die freie Wildbahn (-code) setzen kann?!
Würdet ihr das CSS noch auslagern?