[Anfänger] Schrift vergrößert aber Div Container vergrößert sich nicht mit.

Hallo,

Ich vergrößere Text mit einer PHP Variable , doch dann ragt der Text über den Rand vom Div in dem er sich befindet.

Die PHP Variable erzeuge ich in einem <field> im backend meines Moduls.

<field name="mkmodultextcontentgr" type="text" default="" label="Textgroesse (+ pt)" description="Die Schriftgroesse vom Text, der im Content der Notrufmeldung erscheinen soll. Beispiel: 12pt" filter="string" />

Das ganze gebe ich dann so aus.

            <div style="font-size:<?php echo $mkmodultextcontentgr; ?>; background-color:<?php echo $mkmdlcontentfarbe; ?>; color:<?php echo $mkmodultextcontentfarbe; ?>;" class='mkmodal-body'>
                  <?php echo $mkmodultextcontent; ?>
            </div>

Und das sieht dann so aus:

Hier das ganze Modul.

MK_Qnotruf.zip

Vielen Dank und Gruß

Hallo,

mit einem Link zur Frontend Ausgabe kann ich leider nicht dienen. Grund, die Webseite in die ich das Modul integriert habe, ist in einer, ich nenne es mal Entwicklungsumgebung. Sprich die ist zwar auf einem Server, aber nur intern verfügbar.

Wenn das ein CSS Problem ist. Und ein Fehler bei den Codesnipseln nicht gleich ins Auge fiel. Kann es gut sein das hier das Template wohl sich mir wieder in den Weg stellt.

Weil bei den anderen beiden Wörtern passiert dieses "überschreiten" wohl nicht, weil diese in ein <h... Tag gepackt sind.

Ich schaue mal was an den anderen Positionen im Template passiert und was mir der FF zur Vererbung sagen kann.

Melde mich dann wieder.

Hab auch mal Testweise mehr Text eingefügt. Und dieser überlappt sich sogar selbst.

Indigo66 , haha, keine Sorge. Diese Farbzusammenstellung und auch der Text ist nur für den abwechslungsreichen Test von mir.

Info: Wenn ich in meinem Modul im Backend keine Schriftgröße angebe, dann wird die Schriftgröße aus meiner CSS Datei bzw. vom Template angewendet. Und jetzt kommts. Das umliegende Div passt sich dann der Größe an.

Zitat von anka

Da ist irgendwo, vermutlich im Template, eine fixe Zeilenhöhe definiert (s.hier z,.B.).

Hab gerade nachgesehen. Da wird dem Element aus der template.css vom Template ein "line-height" vererbt.

Also dürfte es doch reichen wenn ich nun in meine CSS Datei ein

line-height: normal;

einfüge oder?

Ich teste das einfach mal.

Dankeschön.