CSS issue with MediaWiki when widening sidebar

HTML & CSS
1

We recently upgraded our wiki (http://awoiaf.westeros.org/) to the latest MediaWiki release and with it the latest Vector skin. The default sidebar is too narrow to accomodate the common ad sizes, and the suggested fix for this is the following css:

div#mw-panel { width: 12em; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }

When this is applied, however, we have an issue with the Page and Discussion tabs normally located at the top left of the main content area. Unless we remove position:absolute from the #left-navigation element, they end up being pushed further in and dropped below the top border so they hang from under it rather than sticking up above it. Since this overlays the top ad I couldn’t leave it in place to show for fear that it might generate false ad clicks.

My concern is that removing the position:absolute may cause other issues.

2

Looks like you have fixed this now as the ad seems to fit and is 12 em wide.

3

It is fixed using the removal of position:absolute from the #left-navigation element – my concern was whether this is likely to cause any issues on other resolutions or other platforms? It must have been included for a reason, after all.

4

You’ll find that many people post demos that are horrible yet they do it anyway.

Do your own testing - unless you see something break, then you can keep on with it in 99.99% of cases.

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.