Breite der Code-Listen optimal anpassen [code]...[/code]

26.09.2012 15:29 (zuletzt bearbeitet: 26.09.2012 15:36)

Wolfgang
#1 Breite der Code-Listen optimal anpassen [code]...[/code]

Forum: 104774 Standard-Template / Internet Explorer 9

Hallo,
mich haben immer die zu kurzen Code-Listen (Breite ca. 600px) gestört. Ich habe auch eine mögliche Lösung gefunden.
Es brauchen nur einige Eintragungen in der CSS geändert werden. Die Listen werden dadurch bis zum Rand geschrieben, egal welcher Monitor angeschlossen ist oder die Listen mir Rändern versehen sind, immer werden sie auf ein einstellbares Maß (z.B. 99%) dargestellt. Ich habe die Einstellungen im aktuellen IE, FF, Opera und Chrome getestet. Alles bestens!

Hier die Änderungen in der CSS (rot löschen, grün kommt hinzu):
/*Code-Formatierung*/

.bbcode_code {padding: 10px; font-family: Courier !important;white-space:pre-wrap !important; ~~width:700px~~; width:99%;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid ; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: ;}
.bbcode_code_code { ~~width:650px;overflow: auto;~~ font-family: Courier !important; }
.bbcode_code_code pre { margin:0;padding:0; }

/*BBCode Code*/

.codeblock{border:0px solid black;~~width: 640px;~~padding:0 5px 0px 5px; }

.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}

.codelines{
float:left;
color: #000000;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #FFFFFF;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #F9F9F9;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-repeat:repeat;
width: 25px;
overflow: auto;
overflow-Y:hidden;}

.code pre{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 20px;
background-color: #F9F9F9;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-position: top;
background-repeat:repeat;
~~width: 600px;~~
overflow: auto;
overflow-Y:hidden;}

pre code {
width: 0px;
font-size: 11px;
font-family: courier,monospace;
color: #000000;
margin: 0 0 0 15px;
padding: 0;
display: block;}

/*BBCode Code end*/

Auch hier: http://104774.homepagemodules.de

Bis dann
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge