Question

I would like to be able to hide the whole sidebar (navigation, search, toolbox) and reclaim the space. In other words, the page should widen to fill the space used by the sidebar.

I don’t want to do this for every page but only for specific pages, so preferably using a template.

I have got a template which hides the sidebar but, crucially, does not reclaim the space:

<css>
#column-content {margin: 0 0 .6em 0;}
#content {margin: 2.8em 0 0 0;}
#p-logo, .generated-sidebar,
#p-lang,
#p-tb,
#p-search {display:none;}
#p-cactions {left: .1em;}
#footer {display:none;}
</css>

This is using the PageCSS extension.

Anyone know I can I modify this to reclaim the space – or have another solution?

Update: After help from Adrian Archer (see below) I’ve discovered that the problem is in my customized skin. Reclaiming the space does work with Monobook. Anyone know what the particular part of the monobook skin is I need to copy? I’ve tried several things and I think it is in main.css but I’m not sure.

Answer 1

Thanks to Adrian Archer’s help (see his response) + the hard work of a colleague, I have a working example (probably works for all skins). Create a template (e.g. Template:Hide sidebar) with these contents:

<css>
#column-content {margin: 0 0 .6em 0;}
#content {margin: 2.8em 0 0 0;}
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search {
   display:none;
}
#p-cactions { left: .1em; }
#footer { display:none; }
#mw_content { margin-left:0.2em; }
</css>

Then just add {{Hide sidebar}} to any page you require it. The sidebar area will be reclaimed by the page. This difference with my question is the second to last line: #mw_content { margin-left:0.2em; }