Page 1 of 1

BBCode - max Breite eines Code-Blocks

Posted: Mon Jan 22, 2007 2:39 pm
by 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..

Re: BBCode - max Breite eines Code-Blocks

Posted: Mon Jan 22, 2007 2:42 pm
by 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

Posted: Mon Jan 22, 2007 4:13 pm
by Jtb
nun ja, egal ob man max-width oder width nehmen will: welchen Wert soll man nehmen? Prozente sind nicht sinnvoll bzw nicht wirksam :(

Posted: Tue Jan 23, 2007 10:31 am
by 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