• Registered: 2005-07-10
  • Posts: 13

Topic: overflow problem

Hi

I have tried several things now, but i have a problem with overflow in a site design i am making for a friend.

if you see the register page you might see the problem http://www.ent4you.dk/Forum/register.php and if you see this you will see that this is how it usually looks like http://www.ent4you.dk/

How can i get it not to transfer the overflow in the punbb to the site itself, i have tried to change the overflow in the stylesheet, and added some other stuff without luck. As you can see ia am no expert so why does it work okay on the front and with the other things i have on the site but not with punbb.

But it keeps the making the overflow in the forum continue down on the page.

The center where the forum is has this css style to it and the body html has this css for the main site:

.textField {
    height: 470px;
    width: 430px;
    overflow: auto;
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-face-color:  #D7D6D6;
    scrollbar-shadow-color: #E1E1E1;
    scrollbar-track-color: #E1E1E1;
    scrollbar-darkshadow-color: #E1E1E1;
}

html, body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12px;
}

  • Registered: 2005-07-10
  • Posts: 13

Re: overflow problem

Are there noone who can tell me why this happens? Nobody?

  • Smartys
  • Former PunBB Developer
  • Offline
  • Registered: 2004-04-30
  • Posts: 7,844

Re: overflow problem

I don't think anyone sees it: I know I don't

4 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: overflow problem

The problem is that the overflowing box containing PunBB also generates a sometimes pointless vertical scrollbar on the browser. The scrollbar should just be on the overflowing box when the browser is large enough to accomodate the page height. As for a fix, overflow:hidden needs to be applied to a wrapper outside the div with overflow:auto on it which should force the browser to recalculate the page height. At least thats the way I did it for the scrolling boxes in viewtopic.