Code: Select all
overflow: auto;
white-space: nowrap;Does anyone have any ideas on how to make it show properly in IE?
Moderator: General Moderators
Code: Select all
overflow: auto;
white-space: nowrap;Code: Select all
tags I wrote. 1 part is in-line to all pages. The rest is in the template's css file.Code: Select all
.codebox {
border: 1px solid #aaa;
background-color: #f3f3f6;
width: 100%;
display: block;
padding: 0; margin: 0;
}
.codebox .header {
color: #344; background: #c0d0d0;
font-weight: bold;
border-bottom: 1px solid #999;
padding: 1px; padding-left: 4px;
}
.codebox .num, .codebox .php {
font-family: "Courier New", courier, monospace; font-weight: normal; font-size: 11px;
vertical-align: top;
padding: 5px;
}
.codebox .num {
background-color: #f3f3f6;
text-align: right;
padding-right: 4px;
float: left;
}
.code, .php {
background-color: #fcfcfd;
border-left: 1px solid #aaa;
overflow: auto;
white-space: nowrap;
}Code: Select all
<div class='codebox'>
<div class='header'>{%title%} ({%numlines%} lines) ::</div>
<div class='num'><code>
{%rownumbers%}
</code></div>
<div class='php'>
{%code%}
</div>
</div>Code: Select all
body {
behavior: url('/mods/cssfocusandhover.htc');
}Code: Select all
tags. It's taken longer than expected. I'll post it when I finish.Code: Select all
.codebox {
padding: 0;
}
.codebox .code, .codebox .php {
width: 98%;
border: 0;
}
.codebox .num {
display: none;
}Code: Select all
.codebox {
border: 1px solid #999;
background: #f3f3f6;
display: block;
padding: 0; margin: 0;
}
.codebox .header {
color: #233;
background: #f0f0f0 url("/img/grad1.gif") repeat-x bottom;
font-weight: bold;
border-bottom: 1px solid #999;
padding: 1px; padding-left: 4px;
}
.codebox .num, .codebox .php, .codebox .code {
font-family: "Courier New", courier, monospace; font-weight: normal; font-size: 11px;
vertical-align: top;
padding: 5px;
}
.codebox .num {
background-color: #f3f3f6;
text-align: right;
padding-right: 4px;
float: left;
}
.codebox .code, .codebox .php {
background-color: #fcfcfd;
border-left: 1px solid #aaa;
overflow: auto;
white-space: nowrap;
}