Thomas: CSS position: absolute als externe Datei einbinden

Beitrag lesen

Hallo.

<style type="text/css">
<!--
#Titel {

Der HTML-Kommentar hat in <style>-Bereichen nichts zu suchen und auf das type-Attribut kannst du guten Gewissens verzichten.

}
</style>

(Mal abgesehen davon, dass es unsinnig ist, einen HTML-Kommentar auf-, aber nicht wieder zuzumachen.)

Diese "#" im HEAD wirken sich, wie üblich auf die gleichbenannte DIVs im BODY aus.

Nein, doppelt falsch. Sie beziehen sich auf alle (!) Elemente, deren id-Attribut (!) den jeweiligen Bezeichner trägt. Sie wirken sich weder auf Elemente aus, deren name-Attribut dieser wäre, noch speziell auf <div>-Elemente.

Bereits habe ich die CSS-Eigenschaften als CSS-Datei exportiert(mit "link rel=...", dabei habe ich die "#"mit dem Klasse-Zeichen"." ersetzt.

Warum das? Es ist für die CSS-Selektoren völlig unerheblich, in welcher Datei sie stehen, # bleibt # und . bleibt . – genau da liegt dein Fehler. Mit dem Ändern von # (id-Attribut) auf . (class-Attribut) hast du die Bezüge geändert, <bla id="fasel"> ist nicht gleich <bla class="fasel"> und #fasel ist nicht gleich .fasel .
Ändere das zurück in # und es sollte wieder so funktionieren, wie zuvor, als der Krams noch im <head> untergebracht war.

Nur am Rande: Verwende id bzw. # dort, wo du nur ein Element, class bzw. . dort, wo du mehrere Elemente formatieren möchtest.