thank you I will give it a try.. i stumbled upon this code, Do you think it would work?
Just put the following code inside conf/userstyle.css inside DokuWiki directory.
1 /* Place customisations to screen mode style sheet here */
2
3 /* table-of-content sidebar*/
4 div.toc {
5 position: fixed !important;
6 top: 1em !important;
7 bottom: 3em !important;
8 right: 0px !important;
9 overflow-y: auto !important;
10 display: -moz-box !important;
11 height: 90% !important;
12 width: 16% !important;
13 }
14
15 /* reducing page width to save it from going under toc */
16 div.header, div.bar, div.doc, div.breadcrumbs {width:82% !important}
17 div.page {
18 width: 80% !important;
19 border: 0px #6C9AD0 solid !important;
20 padding: 1em !important;
21 }
22
23 /* styling the 'Edit' button */
24 input[value="Edit"] {
25 font-weight: bold !important;
26 font-size:1em !important;
27 border-width: 0.2em !important;
28 }
29
I got the code from here Link:
http://babilonline.blogspot.com/2010/08/dokuwiki-beautifier-floating-table-of.html