CSS Zeilenumbruch trotz Overflow ?

Eighteen Zeros · 21. Juli 2014

Nabend,

Ich habe ein kleines Problem ich möchte bei meinem Blog eine Code Box benutzen.

Code:

Da es die leider aber nicht wie hier im Forum schon im Edit Bereich eine Qode Box gibt muss ich sie per Css selbst einfügen.

Hier der Code:

Code:

.code {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: scroll;
padding: 10px 10px 10px;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}

http://code-sammlung.blogspot.de/2014/07/code-box.html

Wie zu sehen wird die rot gekennzeichnete Zeile umgebrochen ich verstehe nur nicht wieso

Gruß

tender89 · 21. Juli 2014

overflow: auto;

ausprobiert?

Tumbleweed · 21. Juli 2014

white-space: nowrap;

bzw.

white-space: pre;

Siehe: http://www.impressivewebs.com/css-white-space/

Eighteen Zeros · 21. Juli 2014

Mit auto habe ich das auch schon probiert. Aber das andere Probiere ich aus, wenn ich zuhause bin.

Danke

Edit: So hab es getestet und Funktioniert so wie gewünscht ... Vielen Dank

Suche

CSS Zeilenumbruch trotz Overflow ?

Eighteen Zeros

Cadet 1st Year

tender89

Gast

Tumbleweed

Captain

Eighteen Zeros

Cadet 1st Year

Ähnliche Themen