CSS Problem

Meinst du mit "zerhaut", dass der nächste Artikel daneben anfängt, anstatt darunter?
Das wäre ein float-Problem, das Bild floatet links, aber der float wird nicht aufgehoben.
Eine Möglichkeit wäre, dass die nächste Überschrift die floats aufhebt. Dazu fügst du in deine CSS-Datei folgendes ein:

h3 {clear: both;}

h3 ist nur ein Beispiel, hängt davon ab, welche Größe du für deine Artikel-Überschriften verwendest.

Ohne Link kann ich leider nicht feststellen, ob du h2, h3 oder h4 verwendest (oder sonstwas), sorry. Das musst du selber anpassen.
Hast du deinen cache geleert, nachdem du´s geändert hast (Taste F5 drücken)?

Oha... :mrgreen:

Weißt du, ein Teil des Problems ist, dass du zum Bild keinen Text geschrieben hast, und dann macht auch ein more-link keinen Sinn (wozu, wenn da nur ein Bild wäre? Falls da mehr war - die Verbindung ist leider abgebrochen).

Aber probier jetzt mal Folgendes:

#inhalte .postmetadata {style.css (Linie 154)
border-bottom:1px solid #442200;
border-top:1px solid #442200;
font-size:0.8em;
line-height:1.3;
padding:2px 0 4px;
[COLOR=Red]clear: both; (Das kannst du dann bei h2 wieder rausnehmen, wäre besser so)[/COLOR]


}

Dann ist der Weiterlesen-Link wahrscheinlich immer noch neben dem Bild.
Wenn der Weiterlesen-Link auch unter´s Bild soll suchst du nach .more-link
und setzt das clearing dort ein.

Es ist natürlich ein Unterschied, ob du das Bild rechts oder links floaten lässt oder es mittig plazierst (oder gar nichts angibst), denn da sind ja verschiedene Anweisungen in deiner CSS für diese Zwecke, die man entsprechend ändern müsste. Und der Beispieltext sollte nicht im more-link sein...

Wenn du mal ganz genau beschreibst, wie du´s eigentlich in welchem Fall eigentlich haben willst, wär´s leichter...

Was ist schon normal? Jeder will´s anders... ;-)

Deine Inhalt-Bilder haben alle die Anweisung, sich nach links zu begeben, dann kriegen sie aber auch wieder eine andere Anweisung (zentrieren) - kein Wunder, dass das Mischmasch gibt.

#inhalte img {style.css (Linie 237)
border:1px solid #442200;
[COLOR=Red]float:left; (Löschen, wenn du die Bilder nicht prinzipiell links haben willst!)
[/COLOR]
margin:6px 10px 3px 0;
}

Und eine Lektüre als Empfehlung: Bildunterschriften.

Kein Wunder, es kriegt ja genau gesagt, wo es sein soll.... Dann musst du das halt ändern.

#inhalte img {
border:1px solid #442200; nur drinlassen, wenn alle Bilder in inhalte immer einen Rahmen haben sollen


[COLOR=Red]margin:6px 10px 3px 0; das hier raus und bei alignleft und alignright passende margins setzen (das passt eher zu alignleft)
[/COLOR]
}

Wenn du nie was anderes brauchst, durchaus. Du kannst die Teile, die du jetzt nicht brauchst, auskommentieren - falls du´s dir später anders überlegst.