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 >>></option>
<option value="1">Test forum</option>
<option value="3">test forum 3</option>
</optgroup>
</select>
<input type="submit" value="Go" onclick="return Forum.doQuickjumpRedirect(forum_quickjump_url, sef_friendly_url_array);" /></span>
</div>
</form>
<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";
</script>
<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 © 2008 <a href="http://punbb.informer.com/">PunBB</a></p>
</div>
<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.
Ishimaru
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.
