BBCode - max Breite eines Code-Blocks

[Jtb]

Hi,

gibt es ein Plugin um ein BBCode-Codeblock schöner aussehen zu lassen?
Insbesondere ärgert mich es, dass das Seitenlayout bei langen Codezeilen kaputt geht:

Code: Select all

1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 

sieht im Forum ok aus - auf dem Blog wird kein Umbruch gemacht (was ja eigentlich auch gewünscht ist)..

Lösung wäre beispielsweise ein

Code: Select all

.bb-code, .bb-php {
    font-family: courier, "courier new";
    background-color: #DDDDDD;
    padding: 10px;
    white-space:pre;
    overflow:scroll;
}

Neu: overflow:scroll;

Wobei das direkt leider nur im Firefox Auswirkungen hat
IE7 bräuchte eine Angabe von Width..

[garvinhicking]

Hi!

Ja, als crossbrowser ist mir da auch noch nie eine wirklich schöne Lösung zu eingefallen. Könnte man für IE7 nicht max-width einsetzen??

Grüße,
Garvin

[Jtb]

nun ja, egal ob man max-width oder width nehmen will: welchen Wert soll man nehmen? Prozente sind nicht sinnvoll bzw nicht wirksam

[Manja]

Hallo Jtb,

ich weiß nicht, ob dir das in diesem Fall hilft, aber generell macht der IE die overflow-Sachen nur beim umschließenden Element. Das heißt, wenn du willst, dass eine zu lange Codezeile mit Scrollbalken dargestellt wird, dann umschließe die <code>-Tags mit einem <div> und weise dem "overflow: auto" zu. Probier's mal.

Grüße
Manja