[Pmwiki-users] Display of pmwiki skin & HTMLVSpace in Opera

[Patrick R. Michaud]

On Thu, Dec 09, 2004 at 06:04:29PM +1100, Nathan Jones wrote:
> I have a couple of questions about PmWiki2's standard CSS and the strange
> or undesirable effects it has in Opera. (Let me know if I should be
> raising this in PITS instead.)
> 
> 1. Body width: not taking up 100%
> 
> pmwiki.css says:
> body { margin-left:20px; margin-right:20px; position:absolute; }
> 
> What is position:absolute meant to achieve here? 

It's been there to make sure that the searchbox gets placed at
the correct location -- i.e., that it honors the margins.
Without the absolute on the body tag, the searchbox (in #wikihead)
goes to the far right of the screen.

However, I find I can get the same effect (at least in IE and Firefox 1.0)
by setting

   #wikihead { position:absolute; right:20px; ... }

so I may switch to that.  You can tell me if it looks correct in 
Opera by going to

   http://www.pmwiki.org/wiki/PmWiki/Security?skin=pmwiki-ak

> 2. $HTMLVSpace issue.
> 
> The <!--HeaderText--> directive in the .tmpl includes: some default CSS, a
> meta element for robots, plus links to Group.css and Group.Page.css, so I
> don't want to remove it. But how would I change or disable the default
> CSS?

The code

   $HTMLStylesFmt['pmwiki'] = '';

gets rid of most of it.  Each module has some CSS that it considers to
be "important" in order for the module to display properly, and modules
place their dynamic styles into the $HTMLStylesFmt[] array.

If you want to "eliminate all automatically generated styles, I want
full control, no backtalk or questions asked, I really mean it", 
you can do:

   $HTMLHeaderFmt = array();

and you won't get any of the styles stored into $HTMLStylesFmt by
the various modules.

> Is there a way to disable the following line when $HTMLVSpace=''?
>   ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }

You could just re-enable the margins for those items:

  $HTMLStylesFmt[] = 
    "ul, ol, pre, dl, p { margin-top:1.33em; margin-bottom:1.33em; }\n";

Pm