[pmwiki-users] Skin Formatting Issue

[DaveG]

The problem you're seeing is due to the "float: left" on #wikileft. More 
information and pointers below.

--
You appear to be using it to separate the left column and the main body 
content -- probably because the PmWiki template does that. Since you are 
using tables, you don't need to float elements like #wikileft, as that's 
the point of the table column in this case. (In general I'd avoid using 
tables for layout -- but I understand you building on what you had.)

--
I'd strongly recommend you check the validity of your HTML, as you have 
some non-closing tags and other errors in there. (http://validator.w3.org/)

--
When you use pagefmt you need to ensure they encapsulate entire DOM 
objects. PageLeftFmt starts before a TD, and end within the TD 
declaration, not after it. Also in this case, even putting the close 
post-TD will cause problems, since the number TD elements should be 
balanced within the TR.

So in this case move the PageLeftFmt down one line to sit inside the TD, 
just above the H2.

--
You have a PageHeaderFmt that closes, with no opening tag.

--
I'm not sure of this (and I didn't try), but I'm not sure you can 
include PHP markup in the PmWiki tmpl file (down in the footer) -- I 
don't think it gets parsed by the PHP interpreter.

--
You might also want to take a look at using Firefox, with the Firebug 
extension (https://addons.mozilla.org/en-US/firefox/addon/1843). This 
will let you Inspect your page, looking at each DOM element and seeing 
what CSS properties are set. Helps narrow down these problems very quickly.

Hope that helps.

  ~ ~ David


Frank Hagan wrote:
> I'm installing PMwiki at http://montgomeryowners.com/wiki/ using a new
> css and template file.
> 
> For some reason, clicking through links in the wiki causes the body
> text to indent 100px to the right until you run out of room, and then
> it jumps back to the left float position.  To test this, you have to
> click on "The Boats", then "M15", and then "Sail Plan".  Odd behavior.
> 
> I have just a minor modification to the pmwiki.tmpl file for this
> particular portion of the template:
> ----------------------------------
> <!--PageTitleFmt-->
>         <div id='wikititle'>
>           <div class='pagegroup'><h2><a
> href='{$ScriptUrl}/{$Group}'>{$Group}</a> / {$Title}</h2></div>
>         </div>
> <!--PageText-->
>       </td>
>     </tr></table>
> ---------------------------------
> 
> Any clue on this one?  I edited the pmwiki.css and pmwiki.tmpl files
> (naming them "mowners", although now I'm the one doing the "moaning").
>  The css is exposed at
> http://montgomeryowners.com/wiki/pub/skins/mowners/mowners.css and the
> template file at
> http://montgomeryowners.com/wiki/pub/skins/mowners/mowners.tmpl
> 
> Any help would be appreciated!
> 
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>