 |
Die letzten 5 Postings in diesem Thema » Alle anzeigen
| von languitar |
| Naja, wenn das wirklich losgelöste Element sind, kannst du da evtl noch was durch absolute Positionierungen erreichen, aber das wäre nicht so schön. Solange die Inhaltlich in den Verlauf der Seite gehören, musst du sie auch so platzieren. |
| von Mondschatten |
Hallo languitar,
vielen Dank für Deine Erklärungen. Sie haben mir tatsächlich wieder ein paar Schritte vorwärts geholfen.
Ich werde mich wohl von der Vorstellung lösen müssen, auf den Seiten mit dem Inhalt lediglich den Inhalt der Teilbereiche (Container) stehen zu haben und die Position der Teilbereiche (Container) extern und damit leicht veränderbar steuern zu können. Schade, ausgerechnet das hatte ich mir mit einem Umstieg auf css erhofft.
Vielleicht hatte ich es auch aus alter Programmiergewohnheit zu sehr auf Modularität und größte Vereinfachung wiederkehrender Dinge abgesehen. Wie auch immer. Schade.
Viele Grüße
Mondschatten |
| von languitar |
Es kommt natürlich auch immer ein bisschen auf deinen CSS-Code an, wie sensibel der auf Vertauschungen etc. im HTML reagiert. Die Trennung von Layout und Inhalt ist aber etwas anders gemeint.
In deinem HTML-Code sollte bei so einem Design nichts mehr stehen, was zum Grundgerüst deiner Seite gehört. D.h. zum Beispiel wenn du eine Headergrafik auf deiner Website hast, die zum Grundsätzlichen ayout gehört, dann hat die ja nichts mit dem speziellen Seiteninhalt zu tun. Ein Fehler wäre es also diese Datei per <img> einzubinden. Getrennt vom Inhalt hast du es, wenn du sie per CSS z.B. als Hintergrund eines Blockelements einfügst.
Etwas genauer zu deiner Frage:
Wenn du auf deiner Seite zwei Boxen hast, die untereinader stehen, dann kann man doch auch davon ausgehen, dass man selbst ohne Layout die obere Box zuerst lesen sollte. Deshalb muss diese natürlich im Code auch oben stehen. Ein Stichwort ist hier bei "Linearisierbarkeit". Wenn du die Webdeveloper Toolbar in Firefox benutzt und du da dann mal das CSS auf deiner Seite komplett abschaltest, sollte deine Seite mit den Standardformatierungen, die der Browser benutzt, noch völlig sinnvoll aufgebaut sein. Weil genau so ist die Seite linearisiert, da einfach alle Blockelemente untereinander angezeigt werden.
Ich hoffe das hilft etwas. ;) |
| von Mondschatten |
Ich muss nochmal was loswerden...
...weil ich das Gefühl habe, dass ich irgend etwas falsch verstehe. Überall lese ich, dass man mit css auf wunderbare Art und Weise das Layout vom Inhalt trennen und komplett auslagern kann.
Nach meinem Verständnis trifft das doch gar nicht zu - oder ich habe eben irgendwo etwas falsch verstanden. Wenn das so wäre, würde sich vielleicht auch meine Eingangs gestellte Frage erledigen.
Also ein Beispiel zum Veranschaulichen:
Meine Inhaltsdatei sieht beispielsweise wie folgt aus:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16: |
<div id="header">
// Hier steht der Inhalt der Kopfzeile
</div>
<div id="main">
<div id="inhaltsbox">
<div id="rechtebox_oben">
//Hier steht der Inhalt eines Containers rechts oben
</div>
<div id="rechtebox_unten">
//Hier steht der Inhalt eines Containers rechts unten
</div>
//Hier steht der eigentliche Inhalt
</div>
</div>
|
Die Formatierung der Boxen habe ich in einer externen css-Datei festgelegt. Die Schachtelung der <divs> nimmt jedoch trotzdem Einfluss auf deren Position. Ich muss also, wenn das Layout auf jeder Einzelseite gleich sein soll, immer die gleiche Schachtelung notieren. Wo also ist denn nun die Trennung von Layout und Content? Und was hilft mir alles css, wenn ich zum Ändern des Layouts in hundert Einzelseiten die Schachtelung ändern muss?
Kopfrauchende Grüße
Mondschatten |
| von Mondschatten |
Hallo MCM,
nun ja, das ist freilich eine Lösung, und daran habe ich auch schon gedacht.
Aber... dann müsste ich einen include am Anfang jeder Seite haben (nämlich alles einleitende bis zum <div> für den content), dann käme eben jener Inhalt und einen weiteren include bräuchte ich am Ende jeder Seite (nämlich den </div> und alles dahinter). Das geht so lange gut, bis ich einen zweiten Container habe, den ich füllen möchte...
Ich hatte mir vorgestellt, dass es etwas gibt wie:
--- datei layout ----
<div container1>
#inhalt1
</div>
<div container2>
#inhalt2
</div>
--- datei inhalt ----
#inhalt1 =
#inhalt2=
Das war jetzt nur ein Gedankenprotokoll, rein semantisch und jenseits jeder Programmiersprache. Aber die Frage bleibt: Wie setzt man sowas um?
Viele Grüße
Mondschatten
|
|
|
|
