1 (edited by Ishimaru Chiaki 2009-01-05 08:29)

Topic: CSS glitch in the footer (1.3.2)

Hello everyone.

Lately, I received a PunBB 1.3.x skin request, and even if I'm new at PunBB, I'm fine with CSS since I'm used to code XHTML 1.0 Strict, and the board I use (a French open source script) is also fully formatted with CSS.  So I downloaded and installed PunBB 1.3.2 on my local LAMP server so I can work on the skin.

Now, I'm done with the gimping part and I'm currently modifying the CSS (after I cloned Oxygen) to install the different layout graphic pieces.

Now, I'm working on the page footer in order to finish the general layout before I begin the more specific parts and I noticed something wrong.  The CSS for the querytime block said the text is centered, but actually, it isn't centered.  By comparing the source code (under FF3 : right-click > View page source) and the CSS file, I noticed this difference :

Source code :

<div id="brd-about" class="gen-content">
    <form id="qjump" method="get" accept-charset="utf-8" action="http://localhost/tests/tests/punbb-1.3.2/viewforum.php">
    <div class="frm-fld frm-select">
        <label for="qjump-select"><span>Jump to forum:</span></label><br />
        <span class="frm-input"><select id="qjump-select" name="id">
            <optgroup label="Test category">
                <option value="2">Test forum 2 &gt;&gt;&gt;</option>

                <option value="1">Test forum</option>
                <option value="3">test forum 3</option>
        <input type="submit" value="Go" onclick="return Forum.doQuickjumpRedirect(forum_quickjump_url, sef_friendly_url_array);" /></span>
<script type="text/javascript">
        var forum_quickjump_url = "http://localhost/tests/tests/punbb-1.3.2/viewforum.php?id=$1";
        var sef_friendly_url_array = new Array(3);
    sef_friendly_url_array[2] = "test-forum-2";
    sef_friendly_url_array[1] = "test-forum";
    sef_friendly_url_array[3] = "test-forum-3";

    <p id="copyright">Powered by <strong><a href="http://punbb.informer.com/">PunBB</a></strong></p>
<p id="extensions-used">Currently used extensions: pun_repository. Copyright &copy; 2008 <a href="http://punbb.informer.com/">PunBB</a></p>

<p id="querytime">[ Generated in 0.055 seconds, 9 queries executed ]</p>

CSS file :

#brd-about #querytime {
    text-align: center;
    font-size: 0.9em;

Since the CSS sets as if the querytime block was INSIDE the brd-about block, it actually isn't the case in the page source.  When I remove #brd-about to get this :

#querytime {
    text-align: center;
    font-size: 0.9em;

Now the text is centered and smaller !

Since I noticed this bug and didn't find any topic about this, I post this topic to report this detail, so it can be corrected in 1.3.3

Thanks in advance for the future correction in the default style.


Ubuntu Linux 10.04 LTS / Windows XP SP2
GIMP 2.6.8 (advanced), Inkscape (newbie)
XHTML/CSS (advanced), PHP/MySQL (medium)
Don't ask what free software can do for you, but what you can do for free software.

Re: CSS glitch in the footer (1.3.2)

Thanks for the report smile

Re: CSS glitch in the footer (1.3.2)

btw: Ishimaru Chiaki
I would like to add maybe a footer or header to keydogbb.info with some links to people who can/will code styles for users. Can I put a link to your website or your profile here?
Are you interested in such a thing?
I might call it: "following people can style for you (against fee):   1.    yxfeffhi   2. grgrrgr 

Didn't really know where to put this post. But offer is open to anyone.

Re: CSS glitch in the footer (1.3.2)

What do you think about this fix?