Category talk:Categories by region

Overlay

Category:Categories by region page has:

{{Parent category}}
{{Commons cat|Categories by continent}}
{{Commons cat|Categories by country}}

The visual effect of which (in the Monobook.css + Mozilla Firefox environment I cited at Wikipedia_talk:Categorization#New template is that:

• Parent category template forces things "down" a little lower on the page.
• combination of (2) Commons cat templates is such that it overlays with the "Musical genres by region" subcategory text.

The Commons cat template background displays as transparent so it is difficult to visually determine whether the Commons cat template is "on top" of the Subcategory text or whether the Subcategory text is on top of the Commons cat template - but looking at the emitted HTML page source, the div with the Commons cat templates come first and the div with the Subcategories and text come later - so the Subcategory is overlaying (on top of) the Commons cat template(s).

• One way to "fix" the overlap would be to do a: br clear="all" HTML tag after the Commons cat templates, which would complete the Commons cat template div before beginning the Subcategories text div. But this would also introduce significant vertical "padding/whitespace" in between the two.

• I am not sure if or how, but a better way would appear to be to get the Commons cat templates and the Subcategories divs separated horizontally (i.e. only forcing the Subcategories text to go around the Commons cat div). I am not sure exactly how to do so, since the Subcategories text is "invisible" in the page source (i.e. added later by Wiki) I am assuming that one would need to do so by creating an appropriate div or span around the templates cited above and adding an appropriate CSS id= or CSS class=.

Does anyone see what I see, something different, or have any (CSS/HTML/Wiki) insight into resolving the overlay without creating "too much" padding/whitespace? LeheckaG (talk) 07:54, 6 August 2008 (UTC)

Yes I see what you mean. It seems to be the bug in Firefox versions prior to 3.0.1. With those browser versions (and with Netscape version 9.0.0.6) the second, lower, Commonscat box overlays and so obscures part of the "M" subcategory. I noted a related problem at Help talk:Table#wikitables and HTML-style tables overlap each other in Firefox? and Wikipedia:Village pump (technical)/Archive 42#Firefox and Mozilla bug with wikimedia templates?.

As an experiment, to this category I have replaced the two commonscats to one div element to avoid the overlay and reduce wasted space. Could this be a step to a better solution for other categories? -84user (talk) 17:30, 6 August 2008 (UTC)

A more "standardized" way of accomplishing your div class=Infobox effect/workaround is to replace the (2) standard {{Commons cat}} templates with one {{Commons cat show2}} template which permits (2) to (6) Commons categories to be specified. The techniques used by {{TOCnestright}} (intended for use by/with Table of Contents) appear to give a better method or solution to having a box being "docked" on the right while allowing text to "float" around it on the left. LeheckaG (talk) 17:46, 6 August 2008 (UTC)