Unterschiedliche Darstellung Offline vs div. Browser

[Mattes]

Das Problem ist jetzt hierbei, sobald sich die/das Browserfenstergröße/-format verändert, verschiebt sich auch dieses Menü wieder.
Ich fürchte, das mit margin und padding hab ich noch nicht so ganz verstanden. Ich habe versucht, das Element am unteren und rechten Browserfensterrand auszurichten (margin-bottom, margin-right).

Box-Elemente haben vier Maße, von innen nach außen: das Innenmaß (width bzw. height), dann einen Innenabstand (padding), dann die Umrandung (border) und zuletzt den Außenabstand (margin).

Der Begriff "Abstand", hier der äußere, bezieht sich eher auf den Abstand zu anderen Elementen, nicht zum Fenster- oder Seitenrand. Zum Positionieren in der Seite möchtest du stattdessen left/top/bottom/right zusammen mit position benutzen.
Es gibt Ausnahmen von dieser Vorgehensweise, das scheint mir hier aber nicht nötig zu sein.

Da das kleine Menü mit der unteren Menüleiste (about, collections & shop, etc) zusammenhängt (der Pfeil kommt von dort), sollte es in Abhängigkeit von ihr positioniert werden.
Nächste Aufgaben also: div#c5 in eine Liste umwandeln und das kleine Menü im Unterpunkt collections & shop einfügen, in etwa so:

<ol id="menue">  
 <li>about</li>  
 <li>collections & shop  
   <ol>  
     <li>new collection</li>  
     <li>dog coat</li>  
   </ol>  
 </li>  
</ol>

Das Hauptmenü bekommst du CSS-seitig über #menue zu fassen, das Untermenü über #menue ol. Da die beiden Menüs jetzt zusammenhängen, lässt sich auch das Untermenü in Abhängigkeit des Hauptmenüs positionieren – hast du das Hauptmenü in Abhängigkeit des Fensters positioniert, ist ohne weiteres Zutun auch das Untermenü in Abhängigkeit des Fensters positioniert. Verwende position sparsam, position:fixed nur einmal.

Bzgl dem <br>, was würde man denn innerhalb eines Textes für einen Zeilenumbruch verwenden?

<br> – aber du hattest mit dem Menü halt keinen (Fließ-) Text, sondern eine Liste. Und bevor du fragst: Für einen Absatz im Text ist <p> da, nicht <br><br>.