CSS to make preformatted text wrap

• Reporter: gigamaster
• 소유자: tom_g3x
• Type: XOOPSCube2.1 Bugs
• Status: Closed
• Component: (None)
• MileStone: (None)
• Priority: 5 - Medium
• Severity: 5 - Medium
• Resolution: Fixed
• File: None

Details Reply

Themes "cube_default"
style.css


Replace the following code:

/************************************/

div.xoopsCode pre {
border: solid 1px #c0c0c0;
margin:0;
overflow:auto;
padding:0 1em;
min-height:4em;
height:auto;
}
/* for IExplorer */
* html div.xoopsCode pre {
height:4em;
height:auto; /* IE 6.x */
width:40em;
}

/************************************/


By the following one:

/************************************/

/* Browser specific (not valid) styles to make
preformatted text wrap */
div.xoopsCode pre {
border: solid 1px #FF0000; /* Design Optional Border */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/************************************/


If it is not W3C validated at least it will not break
the page layout on the most common browsers.

Ticket History (3/4 Histories)

2006-12-03 22:31 Updated by: gigamaster

• Resolution Update from None to Works For Me

2007-01-10 11:06 Updated by: minahito

• 소유자 Update from (None) to tom_g3x
• (Category change on Tracker)
• Resolution Update from Works For Me to Accepted

댓글 올리기 Reply

Logged In: YES
user_id=8353

Thank you for your patches. Tom_G3X will consider these
suggestions. Please, Tom_G3X! ;-)

[JA]
パッチありがとうございます。Tom_G3Xさんがこの提案をどうする
かやってくださると思います。Tomさんよろしくおねがいします～

2007-01-11 21:39 Updated by: tom_g3x

• Resolution Update from Accepted to Fixed
• Status Update from Open to Closed

댓글 올리기 Reply

Logged In: YES
user_id=6745

Marged code. thanks gigamaster!

2007-01-11 21:39 Updated by: tom_g3x

• Ticket Close date is changed to 2007-01-11 21:39