[pmwiki-users] Notebook-NT-Skin - some more tests

Henrik Bechmann henrik.bechmann at sympatico.ca
Sun Sep 3 12:45:34 CDT 2006

Yes I tried it with floating boxes (per the test material on your NT 
page), and in particular the [[<<]] markup.

Hopefully it will get set up in a test area at some point so that people 
can stress test it.

- Henrik

V.Krishn wrote:
> On Sunday 03 September 2006 22:41, Henrik Bechmann wrote:
>> VK,
>> Yes, I tried it with the left sidebar content longer than the right
> Just missed this line....
> I mean with sidebar content longer and floating stuffs on the content page.
> I think it should work.
> V.Krishn
>> content. See the technical notes at
>> http://www.pmwiki.org/wiki/Cookbook/Pmwiki-DivsSkin for an explanation.
>> Regrettably there is no way around special code for IE in the table-less
>> world. Fortunately, the hacks have become standard, and pretty well
>> known (see positioniseverything.net).
>> Mind you we are about to "enjoy" another round of adjustment with the
>> gradual rollout of IE 7. I've already found a bug which I have reported
>> to them (interesting to see if they find my report in the pile of the
>> thousands of other reports they have received).
>> - Henrik
>> V.Krishn wrote:
>>> On Sunday 03 September 2006 08:16, Henrik Bechmann wrote:
>>>> Patrick, VK,
>>>> I have upgraded the css framework that I sent you earlier to a PmWiki
>>>> skin (attached) to make a completely table-less skin that looks like the
>>>> default PmWiki skin. To try it out I copied the wikitext from your test
>>>> page into mine. You can see the result at
>>>> http://www.dufferinpark.ca/common/wiki/pmwiki.php?n=Test.Test
>>> Thanks Henrik. Looks good.
>>> Did you try making the sidebar bigger than the content area.
>>> I would try to understand it specially the IE specific css. From my
>>> template making experience I could say inserting browser specific code,
>>> be it css or javascript really gets confusing when it comes to explaining
>>> others. Among us we might be comfortable. I would still give it a try,
>>> maybe I could use in my other complicated skins which I am working on.
>>> Thanks again.
>>> V.Krishn
>>>> (sorry, no editing, but you can set it up in the PmWiki test area, per
>>>> the attached). I looked at it briefly with IE 5.5, 6, 7 and FF, and it
>>>> looks OK to me.
>>>> To make the skin based on the css framework, I copied a few things
>>>> (block borders, background colors, sizes, padding) from Patrick's css
>>>> file (as noted in the file) into the framework css rules. I also added
>>>> background colours to the sidebar and footer (sometimes it makes a
>>>> difference in stability - but this can be tested). Otherwise the page
>>>> uses pmwiki.css, as provided in the distribution. I also adjusted the
>>>> sidebar width to make it match PmWiki.org's sidebar in width.
>>>> Please feel free to set up this pmwiki-div skin (my name for it) in a
>>>> test area (or let me know how/where), and you can test it/ try to break
>>>> it to your heart's content.
>>>> Hope you find this helpful or at least interesting.
>>>> I have been using these techniques for years (and dufferinpark.ca is
>>>> table-less), so I think there's a good chance this will work well. More
>>>> than a prototype, still needs testing before deployment.
>>>> Best,
>>>> - Henrik
>>>> Patrick R. Michaud wrote:
>>>>> On Sun, Sep 03, 2006 at 02:48:24AM +0530, VKrishn wrote:
>>>>>> http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin?skin=notebook-nt
>>>>>> done
>>>>> Alas, no such luck -- using clear='right' doesn't work with %lframe%.
>>>>>     http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin-LeftFloat
>>>>> Pm
>>>>>> On Sunday 03 September 2006 00:59, Patrick R. Michaud wrote:
>>>>>>> Just looked (19:29 UTC).  That page doesn't show the problem
>>>>>>> because the bottom border of the sidebar is higher than the
>>>>>>> bottom border of the image.
>>>>>>> If you make the sidebar very long on the insteps.net site
>>>>>>> (as I've now done on pmwiki.org in the Test group), then
>>>>>>> I think you'll see the problem there as well.
>>>>>>> Pm
>>>>>>> On Sun, Sep 03, 2006 at 01:19:19AM +0530, VKrishn wrote:
>>>>>>>> Could you have look here
>>>>>>>> http://insteps.net/test/notebook-nt/pmwiki.php/Test/Notebook-NT
>>>>>>>> V.Krishn
>>>>>>>> On Sunday 03 September 2006 00:43, Patrick R. Michaud wrote:
>>>>>>>>> On Sun, Sep 03, 2006 at 01:00:46AM +0530, VKrishn wrote:
>>>>>>>>>> I can see some whitespace in first instance of the test. I pasted
>>>>>>>>>> the same code below to repeat and the problem seems to have gone.
>>>>>>>>>> Pls have a look at.
>>>>>>>>>> http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin?skin=notebook-nt
>>>>>>>>> The problem will only occur once.  What is happening is that
>>>>>>>>> we have a floating image, and then the [[<<]] markup
>>>>>>>>> creates a <br clear='all' /> that causes the text to skip to
>>>>>>>>> below any floating elements.
>>>>>>>>> Since the left sidebar is a floating element, the clear='all'
>>>>>>>>> attribute is causing the text to jump to the bottom of the left
>>>>>>>>> sidebar content, as opposed to the bottom of the image.  Later
>>>>>>>>> instances of [[<<]] won't show this problem because we've already
>>>>>>>>> skipped past the floating left sidebar.
>>>>>>>>> Pm
>>>>>>>>> _______________________________________________
>>>>>>>>> pmwiki-users mailing list
>>>>>>>>> pmwiki-users at pmichaud.com
>>>>>>>>> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>>>>>>> _______________________________________________
>>>>>>> pmwiki-users mailing list
>>>>>>> pmwiki-users at pmichaud.com
>>>>>>> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>>>>> _______________________________________________
>>>>> pmwiki-users mailing list
>>>>> pmwiki-users at pmichaud.com
>>>>> http://www.pmichaud.com/mailman/listinfo/pmwiki-users


Henrik Bechmann
Webmaster, www.dufferinpark.ca

More information about the pmwiki-users mailing list