BBCode [code][/code] ohne Zeilenumbruch ?

[BNa]

einfach bei beiden einfügen

Code: Alles auswählen

.codecontent {
width: 80%;
etc
etc

Code: Alles auswählen

.codetitle {
width: 80%;
etc
etc

Der erwähnte Scrollbalken kommt erst,
wenn die maximale Höhe überschritten wird (hat nichts mit der Breite (width) zu tun)

Und wie immer:
Nach jeder Änderung an Template-Dateien ausnahmslos alle Board-, Template-, und Browser-Caches leeren
(evtl. danach auch noch Strg. F5 im Browser)

[Crizzo]

Nimm einfach mal "width: 90%;". Richtig testen kann ich aktuell nix, weil sie Seite, wieso auch immer, min. 1400px breit ist. Das ist ja hoffentlich nicht die Minimal-Breite, selbige sollte schon bei ca. 950px liegen.

[korona]

Hallo,

80% ist zu breit, ich habe jetzt testweise mal 50% eingegeben, die Codebox ist dann recht gut. Allerdings ist das Browserfenster zu breit, und ich muss dieses scrollen. Obwohl die Codebox passt, sieht es dann doch merkwürdig aus.

Nimm einfach mal "width: 90%;". Richtig testen kann ich aktuell nix, weil sie Seite, wieso auch immer, min. 1400px breit ist. Das ist ja hoffentlich nicht die Minimal-Breite, selbige sollte schon bei ca. 950px liegen.

1400px? Es sieht aus, als wenn die Seite des Test-Themas die Breite hat, die auch der Text in der Codebox hat, obwohl diese jetzt schmaler ist. Verstehe ich nicht so ganz. Andere Seiten sind ok.

//Edit:
Ich habe nochmal gespielt. Wenn ich "overflow: auto;" herausnehme, dann kann man sehen, dass die Seitenbreite der größten Zeilenlänge der Codebox entspricht. Schade, so kann man es nicht wirklich nutzen. Wenn es nicht machbar ist, werde ich es halt wieder raus nehmen müssen.
Trotzdem Danke für Eure Mühe.

[Crizzo]

Diese Breite liegt nicht am Codefeld, da wird von irgendwas anderem aufgedrückt.

[korona]

Ich hatte eben meinen letzten Beitrag editiert:

//Edit:
Ich habe nochmal gespielt. Wenn ich "overflow: auto;" herausnehme, dann kann man sehen, dass die Seitenbreite der größten Zeilenlänge der Codebox entspricht. ...

[BNa]

Ohne Zeilenumbruch nimmt der Code Container seine gegebene Breite ein und unterwandert damit die anderen div's - Eventuell mal mit !important oder ähnlich probieren. Ist halt unüblich, so zu arbeiten.

[korona]

Sorry, ich habe keine Ahnung, was ich jetzt damit machen soll, verstehe nichts davon. Wo und wie soll ich das einfügen?
Kannst Du es evtl. mit einem Beispiel erklären, Danke.

[Crizzo]

http://fwpf-webdesign.de/css/die-kaskad ... tant-regel

[Talk19zehn]

Test: subsilver2 BBCode "Code" mit Scrollbalken ( im twilightBB ist --> bbcode.html m.E. identisch )

Hello, könnte man nicht doch die bbcode.html für den Zweck ergänzend nutzen?

Via FTP geändert - bbcode.html
gesuchte Zeilen:

Code: Alles auswählen

<!-- BEGIN quote_open -->
<div class="quotetitle"><b>{L_QUOTE}:</b></div><div class="quotecontent">
<!-- END quote_open -->

und ersetzt:

Code: Alles auswählen

<!-- BEGIN code_open -->
<div class="codetitle" style="width:30%;"><b>{L_CODE}:</b></div><div class="codecontent" style="width:30%;max-height:140px;">
<!-- END code_open -->

Angaben width und height nur beispielhaft.

Im Anschluss bitte Template aktualisieren, Cache leeren, Browser aktualisieren

stylesheet.css

Keine Änderung in der Klasse Codetitel

Code: Alles auswählen

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

Klasse Codecontent am Ende ergänzt um overflow: auto;

Code: Alles auswählen

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
	overflow: auto;
}

Könntet ihr die Idee bitte gegenprüfen, da ich momentan keine Fehler oder Nachteile feststellen kann, - nicht in allen Browsern und Auflösungen getestet.

Viele Grüße

Edit:
[ externes Bild ]
[ externes Bild ]
[ externes Bild ]

Beachte bitte, dass je Auflösung / Zoomfaktor / Browser auch eine unterschiedliche Ausgabe erfolgt.


Gruß

[korona]

Hallo, Danke,

ich habe jetzt einen vertikalen Scroll-Balken, eigentlich wollte ich einen horizontalen.

Ok, Danke an alle, die sich so viel Mühe gemacht haben, ich gebe es auf.