Verschachtele Textboxen für späteres CMS

[rakader]

In einem Haupt-Contentbereich sollen Zitatboxen hineinragen. Diese Boxen sind per CSS farbig unterlegt. Ziel ist, die Zitatboxen nicht absolut zu positionieren, sondern nach Bedarf später im CMS an geeigneter Stelle zu positionieren.

Wie stelle ich das an?

Im ersten Versuch habe ich den div für die Zitatbox im Contentbereich verschachtelt.

<div id="content">
<div class="zitat">
</div>
</div>

Dann aber kragt die Zitatbox nicht über die Breite des umgebenden Contentbereichs.

Einzeln angelegt, also

<div id="content">
</div>
<div class="zitat">
</div>

floatet der Text von "content" nicht um die Zitatbox.

Letztlich soll es so aussehen:


Kann mich bitte jemand in die Richtung weisen, wie ich das angehen kann. Im CMS (MODx) werden die Zitatblöcke später separat behandelt.

Dank vorab,
rakader

 

[MyBad]

AW: Verschachtele Textboxen für späteres CMS

Hi!

Leider verstehe ich dein Bild nicht. Was ist da das Zitat und was Content.
Bei deiner Problembeschreibung wäre das dazugehörige CSS auch nicht schlecht.

Ansonsten solltest du für Zitate das passende HTML-Tag "blockqoute" nutzen.

 

[fexx]

AW: Verschachtele Textboxen für späteres CMS

Als schneller Test: http://jsfiddle.net/4jkcc/
Aber ich denke darauf kannst du aufsetzen. Musst halt mit den Floats bzw. Clears schauen. ;-)

 

[rakader]

AW: Verschachtele Textboxen für späteres CMS

Als schneller Test: http://jsfiddle.net/4jkcc/
Aber ich denke darauf kannst du aufsetzen. Musst halt mit den Floats bzw. Clears schauen. ;-)

Die ist ja genial, diese Seite. Herzlichen Dank fexx. Der "clear" mal wieder. Damit stehe ich immer auf Kriegsfuß.

In MODx möchte ich es so einsetzen, das Werte im Backend die Position bestimmen. Aber wie es so schön heißt: Nach A kommt B und nicht C.

Nochmals mercie bien!

PS: Warum gibt es hier keinen Danke-Button?