nicht angemeldet
div-höhe vs. text-höhe
0 0 0 0 
Gernot Back
div-höhe vs. text-höhe
Hallo,
ich möchte Text, bzw. genauergesagt HTML- oder PHP-Code als Text, darstellen in einem div container.
Hier mein Script:
<div style="margin:20px; margin-top:5px">
<div class="codeheader"><b>Code:</b></div>
<pre class="codebody"><div style="text-align:left;">{$content}</div></pre>
</div>
.codebody{
.....
width:640px;
height:120px;
overflow: auto;
}
Und die Höhe 120px möchte ich nicht fix coden denn der text könnte 2 Zeilen oder aber 100 Zeilen hoch sein.
d.h. der div-container sollte bis zu einer bestimmten höhe mitwachsen, aber ab einer best. Grenze soll dann halt gescrollt werden.
Welche Lösungsansätze gäbe es dies zu realisieren?
Die Anzahl Zeilen ergibt sich ja aus der Anzahl Zeilenumbrüche und der Anzahl der Zeilen die ohne Umbruch Text darstellen.
Oder liege ich da grund verkehrt?
Gruß Andreas
-
Hi,
<div class="codeheader"><b>Code:</b></div>
Du meinst sicher <h1>, <h2>, <h3> o.ä.
<pre class="codebody"><div
Diese Schachtelung ist ungültig. Außerdem meinst Du sicher <p>.
d.h. der div-container sollte bis zu einer bestimmten höhe mitwachsen, aber ab einer best. Grenze soll dann halt gescrollt werden.
Welche Lösungsansätze gäbe es dies zu realisieren?Verwendung der max-height-Eigenschaft, in Verbindung mit overflow.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo
Diese Schachtelung ist ungültig. Außerdem meinst Du sicher <p>.
nein, war schon richtig gemeint. Z.B. vBulletin setzt so ein Kontrukt ein um Code in den Postings anzuzeigen - ich hab die Struktur nicht geändert.
Verwendung der max-height-Eigenschaft, in Verbindung mit overflow.
Ich dachte immer max-height kennt nur der IE? Aber ich werde das mal checken.
Was meintest du denn mit <h1> etc? verstehe ich nicht.
Gruß Andreas
-
Hi,
Diese Schachtelung ist ungültig. Außerdem meinst Du sicher <p>.
nein, war schon richtig gemeint.<SevenOfNine>unwahrscheinlich.</SevenOfNine>
Z.B. vBulletin setzt so ein Kontrukt ein
Und aus welchem Grund wiederholst Du die Fehler anderer?
Verwendung der max-height-Eigenschaft, in Verbindung mit overflow.
Ich dachte immer max-height kennt nur der IE?... nicht. Bei max-height handelt es sich um eine Eigenschaft des CSS-Standards, also kannst Du davon ausgehen, dass CSS-taugliche Browser sie beherrschen - zu denen der IE nicht gehört.
Was meintest du denn mit <h1> etc? verstehe ich nicht.
Ich meinte, dass Du HTML verwenden sollst, anstatt irgend welche mehr oder weniger wie HTML aussehende Konstrukte. Überschriften werden mit <h1> bis <h6> ausgezeichnet, Absätze mit <p>, Seitenbereiche mit <div>, tabellarische Daten mit <table> et.al., betonte Teile mit <em> oder <strong> usw. Das Stichwort lautet "semantisches Markup".
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Hallo Andreas,
Ich dachte immer max-height kennt nur der IE?
Der gerade nicht, aber du kannst dir für den IE etwas mit expression() und der offsetHeight des Elements basteln, sodass er max-height nachempfindet.
Das funktioniert dann aber nur bei aktiviertem Javascript im IE und nach meinen Beobachtungen auch wohl nur bei einem Dokument im Quirks-Mode. Von beidem wird dir Cheatah, wie ich ihn kenne, sicher abraten.
Hier habe ich das vor kurzem mal mit max-width ausprobiert.
http://forum.de.selfhtml.org/archiv/2006/1/t122658/#m790145Gruß Gernot
-
-