Preformatted text scroll bars

[laduncan]

I'm having some difficulty tracking down the <pre> tag definition that I can modify to give scroll bars on the preformatted text. I'm using an ACE skin; interestingly, the scrollbars show up in edit mode, but when I save the page, long preformatted text makes the page width quite unusably wide.

I've tried adding overflow:auto to a few places in, if I recall, _content.css, but I've not hit the right place.

Anyone have some hints for me?

Thanks! -Lane

[crb]

Oooh, I know this one.

Set "table-layout: fixed" on table.columnTable in _struct.css for your Ace skin.

[laduncan]

Aha! Very nice. I especially like the conversation in mantis; definitely a feature, rather than a bug!

Appreciate the sleuthing! -Lane

[laduncan]

Have you experienced that this breaks other things? When I change that table-layout, it breaks the top piece that shows which user is logged in. It also appears to set the page width about 20% larger than the current window size, regardless of how wide the window is.

You haven't worked out a workaround for that, too, have you?

[crb]

Yes, I see the top window problem also; but I consider being able to read all the configs in my wiki worth suffering for.

Your solution to that one is welcome! (I think RoyK's answer, "don't use tables as much", is probably valid...)

[laduncan]

Agreed on all counts. It sounds as though the ACE skin is due a rewrite; is that the case? I really like the look: it's quite clean, and I've modified a lot of the image colors to fit our university colors; it'd be nice to be able to keep some of that!

[laduncan]

I haven't looked, but are there tables underlying the Ace skin layout? If someone could point me in the right direction, I'll be happy to hack at the CSS for the good of all. And me, of course.

[crb]

Pull it apart in Firebug and have a look.

[laduncan]

OK, try this: edit ace.php, and remove the class="columntable" from the w_top_logo div; I think that is all that's required to fix this particular piece. Caveat: dunno what else this might break, but I can't find any nasty fallout.

Before:

<div class="wrap global <?php $this->html('pagename'); ?>" id="wrap">
        <div class="custom"><?php $this->html('customarea1'); ?></div>
        <div class="w_top_logo">
                <table cellspacing="0" cellpadding="0" border="0" class="columnTable">

After:

<div class="wrap global <?php $this->html('pagename'); ?>" id="wrap">
        <div class="custom"><?php $this->html('customarea1'); ?></div>
        <div class="w_top_logo">
                <table cellspacing="0" cellpadding="0" border="0" >

I'd love to know if this fixes it for you, too. -Lane

[laduncan]

I love, BTW, Firebug; I hadn't seen that one, before. It sure does beat the text editor! So thanks!