Ich arbeite nur mit dem FF unter Windows und wenn ich da mit dem Inspektor nach den Regeln suche, so zeigt der mir an, dass da noch word-wrap: break-word und hyphens von
.site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
Alles anzeigen
auf
.entry-content pre,
.comment-content pre {
border: 1px solid #000000;
background: #000080;
color: #FFFFFF;
font-family: Monospace, Courier New, Monaco, Lucida Console, monospace;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
margin: 24px 0;
margin: 1.714285714rem 0;
overflow: auto;
padding: 24px;
padding: 1.714285714rem;
}
Alles anzeigen
vererbt wird. Möglich das die Browser damit etwas unterschiedlich umgehen. Weiß jetzt im Augenblick nicht einmal, wie man word-wrap in pre-Bereich verneint oder zur Not mit !important überschreibt, außer mit der Angabe 'normal'. Mit white-space wäre es wohl auch so möglich gewesen:
white-space: nowrap;
/* oder notfalls mit */
white-space: nowrap !important;
Doch hyphens habe ich entfernt. Du könntest es mit
word-wrap: normal;
/* oder mit */
word-wrap: normal !important;
für pre probieren. Für ältere IE ist es zusätzlich wichtig, dass auch einige Anpassungen in der css/ie.css vorgenommen werden. Zusätzlich habe ich eine kleine Funktion geschrieben, die da einiges in pre-Bereichen nach meinen Vorstellungen anpasst, doch die benötigst Du zur Zeit noch nicht bei Deinen Beispielen, wie es ausschaut. Von CSS3 kenne ich bisher auch nur die Regeln, über die ich stolpere und bin kein Experte in Sachen CSS.
Bei mir sieht es zumindest so aus und ich sah bisher noch keine Unterschiede in den drei Browsern, die ich zur Kontrolle benutze:
.site-content article {
...
}
/* Entfernt -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; */
.entry-content pre, .comment-content pre {
background-color:#f8f7ea; /* neu */
border:1px solid #e2e2e2; /* alt ededed */
color:#000; /* alt 666 */
font-family:Consolas, Monaco, Lucida Console, monospace;
font-size:12px; font-size:0.857142857rem;
line-height:1.2; /* alt 1.714285714 */
margin:24px 0; margin:1.714285714rem 0;
overflow:auto; padding:24px; padding:1.714285714rem;
}
Alles anzeigen