• Registered: 2005-10-06
  • Posts: 6

Topic: HUGE space in box

Hello,

First timer here, just heard of PunBB today.

Anyways, I am trying to customize the look to match the site, and I'm coming up with a problem in Firefox.  In IE6 it looks fine.

The page is here: http://www.memoriesonfifth.com/forums/index.php

Basically what it is doing is the box above the topics, that says

My PunBB forum

Unfortunately no one can be told what PunBB is - you have to see it for yourself.

    * Index
    * User list
    * Search
    * Profile
    * Administration
    * Logout

    * Logged in as Webmaster
    * Last visit: Today 19:40:01

    * Show new posts since last visit
    * Mark all topics as read

has a HUGE space at the bottom.  But I don't know how to fix this.  If anyone could help I would appreciate it.

Thanks,

Chris

2 Reply by Paul

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

Re: HUGE space in box

The cause of your problem is that the left column is a float. The statistics box has a clearer div at the end which is clearing the whole of the left column. The is the correct behaviour. Firefox is right and IE is wrong.

Try #punwrap {float: left}

  • Registered: 2005-10-06
  • Posts: 6

Re: HUGE space in box

Thanks for the reply.  That did in fact fix that problem, but now it messed up the category table.  Everything is scrunched together.

4 Reply by Paul

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

Re: HUGE space in box

And now for something more complicated.

1. Add an extra wrapper div between #punwrap and .pun in the template so you end up with
<div id="punwrap">
<div id="punisolate">
<div class ="pun" etc>

2. Change your stylesheet to this

#punwrap {
  height: auto !important;
  height: 1px;
  padding: whatever  you want;
  }
 
#punisolate {
  float: left;
  height:auto;
  width: 100%;
  }

#punwrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  }

  • Registered: 2005-10-06
  • Posts: 6

Re: HUGE space in box

Paul,

Thanks for the responses.  You've been very helpful and I appreciate that.

Chris

6 Reply by Paul

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

Re: HUGE space in box

Let me know how you get on with that code. I have it in mind to make it standard in 1.3 so other people don't have this problem. Consider yourself a beta tester.

BTW: remember that #punwrap has some padding set on it so if want your forum to be a little wider then just remover the left and right padding on #punwrap.