Längere Texte mit automatischem Zeilenumbruch?

Deutsches Forum
1

Hallo nochmals,
ich bin weiterhin am experimentieren und hab zu folgendem Thema auch noch keine zufriedenstellende Antwort gefunden:

Wenn ich einen AGB Text einstelle - unter [B]Kundeninformation -> CMS-Seiten -> AGB[/B], dann kann ich diese zwar im HTML Stil formatieren, würde aber sehr gerne nicht die Anzeigebreite von vorne herein einschränken wollen, da in den unterschiedlichen Themes und evtl. eingerichteten Layouts die AGB unterschiedlich breit angezeigt werden.
Wenn ich nun den AGB Text ohne Zeilenumbruch einfüge, dann wird der AGB Text unschön in den diversen Themes und Popup-Boxen angezeigt, da die Zeilen zu breit sind. Kann ich hier oder an irgend einer Stelle nicht angeben, dass die Zeilen automatisch bei Erreichen des gewünschten rechten Randes umbrochen werden?

Das Gleiche gilt natürlich auch für andere Texte, wie Widerrufsbelehrung etc., wo auch ein Zeilenumbruch erwünscht ist, aber aufgrund der unterschiedlichen Themes und mehreren Orten, wo die Informationen angezeigt werden, wäre es wünschenswert, den Text nicht von vorne herein eine bestimmte Breite vorzugeben.

Da gibt’s doch bestimmt einen “wrap” Befehl oder ähnlich, um zu verhindern, das der sehr lange Text korrekt umbrochen wird?:confused:
Oder muss ich solche Texte anders einbinden?

Hier Auszüge des AGB Codeschnipsels, den ich verwendet habe:

<div><strong>AGB</strong></div>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd”>
<html>
<head>
<META http-equiv=Content-Type content=“text/html; charset=windows-1252”>
<style type=“text/css”>
span {
font-family: ‘Arial’;
font-size: 10pt;
color: #000000;
}
.sc0 {
}
</style>
</head>
<!-- OXID eShop Community Edition, Version 4, Shopping Cart System © OXID eSales AG 2003 - 2012 - http://www.oxid-esales.com -->
<body>
<div style="float: left; white-space: pre; line-height: 1; background: #FFFFFF; "><span class=“sc0”>Allgemeine Geschäftsbedingungen der xxx GmbH

§ 1. Allgemeines

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
…

</span></div></body>
</html>

Herzlichen Dank für Eure Tipps!! :o
Gruß Tom

PS: Vielen Dank http://www.lipsum.com/ für den AGB-Text :slight_smile:

2

kann sein, dass ich dein Problem nicht richtig verstehe, aber die Breite, wie der Text dargestellt wird wird rein vom übergeordneten Container bestimmt. Bei Azure #content. Das kannst Du je nach bedarf selber im CSS definieren.

3

[QUOTE=MeisterYoda;105650]kann sein, dass ich dein Problem nicht richtig verstehe, aber die Breite, wie der Text dargestellt wird wird rein vom übergeordneten Container bestimmt. Bei Azure #content. Das kannst Du je nach bedarf selber im CSS definieren.[/QUOTE]

Hallo Meister Yoda und vielen Dank für Deine prompte Antwort!
Ich habe mal ein Bildschirmfoto eingefügt mit dem Text aus meinem Beispiel, wie er bei mir im Shop im Azure Thema angezeigt wird - der farbige Rand soll nur den Fensterrand anzeigen, weil der sonst weiß wäre.
Ähnlich ist die Anzeige des AGB Textes im “Basic” theme.
Wie Du siehst, bleibt der längere AGB Text einzeilig und wird nicht umbrochen. Wenn ich das Browser-Fenster ganz nach rechts scrolle, bekomme ich auch den Text zu sehen :frowning:
Ich dachte, die Bereiche haben bereits im “leeren” Shop die entsprechenden Bereichsgrenzen?:confused:

Besten Dank und viele Grüße
Tom

4

ja, das css der standard-templates ist OK. im Quelltext sollte das so in etwa aussehen

<div id="content">
    <h1 class="pageHead">AGB</h1>
    <div class="cmsContent">
        Allgemeine Geschäftsbedingungen der Firma xxxx<br />
<br />
<p style="font-weight: bold; padding-bottom: 10px;">§1 Geltung gegenüber Unternehmern und Begriffsdefinitionen</p>

Dann passt das auch zusammen. Wenn der Quellcode bei Dir anderst aussieht, dann hast Du eventuell dein Template geändert?

5

Hallo Meister Yoda,
vielen Dank für den Tipp, das hat geholfen - ich hatte im “Eifer des Gefechts” den gesamten Code überschrieben - jetzt sieht das gut aus, auch wenn ich < br/> als expliziten Zeilenumbruch hinzufügen muss - die automatichen Umbrüche werden natürlich ohne mein Zutun nun eingefügt/angezeigt… :slight_smile:

Dank und Gruß
Tom