Textfluss und zusammenfallende Abstände

[Jan van Dyck]

Hallo allerseits,

beim Arbeiten mit Typolight bin ich auf ein Problem(chen) gestoßen. Mich würd einfach mal interessieren wie ihr damit umgeht

Es geht um folgendes: Der Textfluß sollte möglichst gleichmäßig sein, also auch die Abstände zwischen Paragraphen und Überschriften. Bisher hab ich immer die Tatsache genutzt, daß leere vertikale Abstände kollabieren z.B.

#main p {
font-size:0.875;
margin:1.5 0 1.5 0;
}

Gut funktioniert auch erstmal in Typolight, aber nur wenn die Paragraphen innerhalb eines Artikels sind. Bei mehreren Artikeln spannen die Abstände nur noch die Divs auf und das wars dann mit dem Kollabieren. Je nach Schreibart des Redakteurs entstehen dann mal doppelte oder keine Abstände ...

Gut jemand ne Idee wie man das möglichst sauber lösen könnte?

LG Michael

[Sebastian]

HI

was spricht denn gegen

h1,h2,h3,h4,h5,h6,p {
 margin: 20px 0;
}

Abstände ohne Einheit sind übrigens nicht erlaubt (außer 0).

Sebastian

[Jan van Dyck]

Hi Sebastian,

erstmal danke für deine Antwort. Gegen deine Stylesheet Anweisung spricht erstmal nichts. Allerdings variiert der Abstand zwischen den Elementen je nachdem, ob ob der Inhalt in einen Artikel geschrieben wurde oder in verschiedene. Der Browser interpretiert folgenden Code unterschiedlich:

<div class="ce_text block">
<p>Absatz</p>
<p>Absatz</p>
</div>

<div class="ce_text block">
<p>Absatz</p>
</div>
<div class="ce_text block">
<p>Absatz</p>
</div>

Im ersten Fall fallen die leeren Abstände zwischen den Absätzen zusammen. Im zweiten spannen die Abstände die Divs auf und kollabieren nicht mehr. Ich hoffe ich hab mich verständlich ausgedrückt. Ich hab sicherheitshalber mal nen Screenshot angehängt

LG Michael

P.S. Flüchtigkeitsfehler im Codeblock sind natürlich nur dazu da, um die Aufmerksamkeit des geneigten Lesers zu testen.

[Sebastian]

HI

ich würde spontan darauf tippen, dass das daran liegt, dass du dem div.ce_text oder div.block einen margin oder padding zugewiesen hast.

Sebastian