Hallo,
ich implementiere zur Zeit einen Syntax Highlighter in vBulletin.
Der Highlighter hat eine feste Breite von 640px. Allerdings habe ich nun Probleme falls der Inhalt einzelner Zeilen länger ist.
.dp-highlighter hat die Hintergrundfarbe #E7E5DC, eine Breite von 640px und besitzt das Attribut overflow: auto. Die <li>-Tags haben die Hintergrundfarbe #ffffff.
Solange der Inhalt der <li>-Tags 640px nicht überschreitet, werden die Zeilen korrekt mit einem weißen Hintergrund angezeigt. Falls allerdings der Inhalt einer Zeile länger als 640px ist, wird diejenige Zeile bis zum Ende korrekt angezeigt, die anderen allerdings nur bis 640px und danach mit dem Hintergrund des .dp-highlighter <div>-tags. Hier ein Screenshot wie das dann aussieht:
Gibt es eine Möglichkeit dass alle <li> die gleiche Breite haben, ähnlich wie die Zeilen in einer Tabelle?
Beste Grüße,
ifdef
ich implementiere zur Zeit einen Syntax Highlighter in vBulletin.
Der Highlighter hat eine feste Breite von 640px. Allerdings habe ich nun Probleme falls der Inhalt einzelner Zeilen länger ist.
Code:
<div class="dp-highlighter">
<div class="bar">
<div class="tools">LINKS</div>
</div>
<ol class="dp-rb" start="1">
<li class="alt">
<span><span>Zeile 1</span></span>
</li>
<li class=""><span>Zeile2</span></li>
<li class="alt"><span>Zeile3</span></li>
<li class=""><span>Zeile4</span>
</ol>
</div>.dp-highlighter hat die Hintergrundfarbe #E7E5DC, eine Breite von 640px und besitzt das Attribut overflow: auto. Die <li>-Tags haben die Hintergrundfarbe #ffffff.
Solange der Inhalt der <li>-Tags 640px nicht überschreitet, werden die Zeilen korrekt mit einem weißen Hintergrund angezeigt. Falls allerdings der Inhalt einer Zeile länger als 640px ist, wird diejenige Zeile bis zum Ende korrekt angezeigt, die anderen allerdings nur bis 640px und danach mit dem Hintergrund des .dp-highlighter <div>-tags. Hier ein Screenshot wie das dann aussieht:
Gibt es eine Möglichkeit dass alle <li> die gleiche Breite haben, ähnlich wie die Zeilen in einer Tabelle?
Beste Grüße,
ifdef
