CODEWITHSUNDEEP
cssoverflow
SoLoGHoST
SoLoGHoST

Reputation: 2689

CSS overflow issue working and not working

You can see the problem with the overflow not working as expected here: http://dptest.dream-portal.net/index.php

But if you view the post, the overflow is handled perfectly right here: http://dptest.dream-portal.net/index.php?topic=6.msg15#msg15

BUT WHY?? What do they do differently? But, most important, how can I change my HTML code within the middle section here (http://dptest.dream-portal.net/index.php) to work exactly like it works in the post.

Can someone out there please help me? The middle section needs to be contained within the actual width of the page, the left and right sections each have a width of 200px, but the middle section it is exceeding the boundaries and stretching it out because one of the results within this section is returning a BBC code tag that is responsible for this. How can I fix this?

Thanks

Upvotes: 1

Views: 108

Answers (1)

jackJoe
jackJoe

Reputation: 11148

try this:

code.bbc_code {
    background: none repeat scroll 0 0 #EEEEFF;
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    display: block;
    font-family: "dejavu sans mono","monaco","lucida console","courier new",monospace;
    font-size: x-small;
    line-height: 1.5em;
    max-height: 24em;
    overflow: auto;
    padding: 3px 1em;
    white-space: normal;
}

The nowrap is the culprit...

Upvotes: 1

Related Questions