---

Geschrieben von Wenso am 17.03.2007 um 18:37:

  Links und Rechts eines Elements etwas darstellen

Huhu Blackboard,
ich würde gerne links und rechts von einem Container etwas darstellen, wenn möglich eben komplett mit CSS.

Ich habs versucht mit :before und :after, aber das wollte in meinem Fall nicht so.
Könnte das daran gelegen haben, dass ich als Element ein div genommen habe?

Um mal zu verdeutlichen, wie ich das meine Pack ich mal eine kleine Erläuternde Grafik dazu!

Für Fragen usw. stehe ich gerne zur Verfügung!

MfG Wenso

---

Geschrieben von newbi am 18.03.2007 um 22:26:

 

Wenn du es mit CSS machen möchtest, schau dir mahl die Funktionen von "position" an.

---

Geschrieben von Wenso am 18.03.2007 um 23:11:

 

Als Eigenschaft von :before bzw. :after oder um 2 Elemente vor und hinter das (mittlere) Element zu setzen?

Ich wollte für ein Wordpress-Theme eine weitere CSS-Datei erstellen, da wäre mir die letzte Version schon zuviel Eingriff in das eigentliche Template!

MfG Wenso

---

Geschrieben von newbi am 19.03.2007 um 06:49:

 

Mit Position kannst du bestimmen ob ein Element nach dem Seitenrand oder nach dem nächsten Element innerhalb deiner Seite ausgerichtet werden soll.

So könntest du die 3 Elemente schön sauber positionieren, die frage ist allrdings ob auch IE dazu imstande ist, da er nicht alles von CSS 2 richtig, bzw. überhaupt interpretiert. Ich hatte mit einer Version meiner Seite arge Probleme, den hier wurden alle Grafiken unter einander angeordnet.


MfG
Newbi

---

Geschrieben von LX am 19.03.2007 um 11:02:



Positionierung haut im IE schon einigermaßen hin, wenn man die Tücken kennt. Mit den :before- und :after-Pseudoklassen wäre ich aber sparsam. Erstens kannst du damit meines Wissens keine kompletten DIV-Container, sondern nur Bilder oder Text vor oder nach einem Element einblenden lassen, und zweitens wird das auch nur von Gecko und neueren Operas einigermaßen unterstützt (und laut SelfHTML noch nichtmal im IE7).

Wenn du neuen Content in deine Seite einfügen willst, kommst du wohl nicht umhin, auch im Template den HTML-Code anzupassen.